# Hazel Brand Identity

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

## Color Palette

Brand palette extracted from https://hazelai.com.

| Color      | Value       | RGB                  |
|------------|-------------|----------------------|
| Primary    | #000000     | rgb(0, 0, 0)        |
| Accent     | #841210     | rgb(132, 18, 16)    |
| Background | #F8FAFC     | rgb(248, 250, 252)  |
| Text       | #841210     | rgb(132, 18, 16)    |
| Link       | #841210     | rgb(132, 18, 16)    |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Font Family   | Link                                    |
|--------|---------------|-----------------------------------------|
| Primary| DM Sans       | [Google Fonts →](https://fonts.google.com/specimen/DM+Sans) |
| Heading| DM Sans       | [Google Fonts →](https://fonts.google.com/specimen/DM+Sans) |

## Visual Assets

## UI Components

### Input
- Background: transparent
- Text Color: #0A0A0A
- Border Color: #D1D1D1
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

### Button Primary
- Background: #841210
- Text Color: #FEF2F2
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

### Button Secondary
- Background: #FFFFFF
- Text Color: #0A0A0A
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

## Brand Personality
**Tone:** professional  
**Energy:** medium  
**Audience:** government and procurement professionals

## Frequently Asked Questions

1. **What is Hazel's primary brand color?**  
   Hazel's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What accent color does Hazel use?**  
   Hazel uses #841210 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. **What font does Hazel use?**  
   Hazel uses DM Sans as the primary typeface across body and headings.
4. **Does Hazel use a light or dark theme?**  
   Hazel's primary site uses a light color scheme, with a background of #F8FAFC.
5. **Where can I find Hazel's logo?**  
   Hazel's logo is available directly on their site (https://hazelai.com). The current logo URL is included in the machine-readable JSON profile linked above.
6. **How was this brand profile generated?**  
   This profile was extracted from https://hazelai.com 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 Hazel.