# haddock Brand Identity

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

## Color Palette

Brand palette extracted from https://haddock.app.

| Color      | Hex       | RGB               |
|------------|-----------|------------------|
| primary    | #7A7D9C  | rgb(122, 125, 156) |
| secondary  | #3898EC  | rgb(56, 152, 236)  |
| accent     | #3528FF  | rgb(53, 40, 255)   |
| background | #FFFFFF  | rgb(255, 255, 255) |
| textPrimary| #222222  | rgb(34, 34, 34)    |
| link       | #3528FF  | rgb(53, 40, 255)   |

## Typography

Each font links to its Google Fonts page where available.

| Role     | Font        | Google Fonts Link                                      |
|----------|-------------|-------------------------------------------------------|
| primary  | Open Sans   | [Open Sans →](https://fonts.google.com/specimen/Open+Sans) |
| heading  | Roobert     | [Roobert →](https://fonts.google.com/specimen/Roobert) |

## Visual Assets

## UI Components

Live previews rendered using haddock's actual button styles.

### Button Primary

- **Background**: #3528FF
- **Text Color**: #FFFFFF
- **Border Radius**: 8px
- **Shadow**: none

### Button Secondary

- **Background**: #000000
- **Text Color**: #FFFFFF
- **Border Radius**: 8px
- **Shadow**: none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** restaurant managers and owners

## Frequently Asked Questions

### What is haddock's primary brand color?

haddock's primary brand color is #7A7D9C. It anchors the visual identity across their website, product UI, and marketing materials.

### What accent color does haddock use?

haddock uses #3528FF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does haddock use?

haddock uses Open Sans for body text and Roobert for headings. Fonts were detected on https://haddock.app as part of their live design system.

### Does haddock use a light or dark theme?

haddock's primary site uses a light color scheme, with a background of #FFFFFF.

### Where can I find haddock's logo?

haddock's logo is available directly on their site (https://haddock.app). The current logo URL is included in the machine-readable JSON profile linked above.

### How was this brand profile generated?

This profile was extracted from [https://haddock.app](https://haddock.app/) using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.