# Chainguard Brand Identity

A complete profile of **Chainguard**'s visual system — colors, typography, components, and personality — extracted from [https://www.chainguard.dev/](https://www.chainguard.dev/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://www.chainguard.dev/.

- **primary**: #6226FB  
- **rgb(98, 38, 251)**  
- **secondary**: #F1ECFE  
- **rgb(241, 236, 254)**  
- **accent**: #6226FB  
- **rgb(98, 38, 251)**  
- **background**: #F2FDF2  
- **rgb(242, 253, 242)**  
- **textPrimary**: #0D161C  
- **rgb(13, 22, 28)**  
- **link**: #0D161C  
- **rgb(13, 22, 28)**

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Roobert Semi Mono  
- **heading**: Roobert Semi Mono

## Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Chainguard's actual button styles.

### Button Primary

- **background**: #6226FB  
- **textColor**: #FFFFFF  
- **borderColor**: #6226FB  
- **borderRadius**: 0px  
- **shadow**: none

### Button Secondary

- **background**: #F8F6FE  
- **textColor**: #6226FB  
- **borderColor**: #E5E7EB  
- **borderRadius**: 0px  
- **shadow**: none

## Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: developers and tech companies

## Chainguard Brand in the Wild

Image: [images.ctfassets.net](https://images.ctfassets.net/l47ir7rfykkn/3GjPDGibUTd5Lu0LTMJRz/7e7d81895253fbcd96841769633d4efe/Jfrog_Lockup.png)  
Source: [chainguard.dev](https://www.chainguard.dev/unchained/the-combined-benefit-of-jfrog-and-chainguard)

## Frequently Asked Questions

1. **What is Chainguard's primary brand color?**  
   Chainguard's primary brand color is #6226FB. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What font does Chainguard use?**  
   Chainguard uses Roobert Semi Mono as the primary typeface across body and headings.

3. **Does Chainguard use a light or dark theme?**  
   Chainguard's primary site uses a light color scheme, with a background of #F2FDF2.

4. **Where can I find Chainguard's logo?**  
   Chainguard's logo is available directly on their site (https://www.chainguard.dev/). The current logo URL is included in the machine-readable JSON profile linked above.

5. **How was this brand profile generated?**  
   This profile was extracted from https://www.chainguard.dev/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Chainguard.