# Typeface Brand Identity

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

## Color Palette

Brand palette extracted from https://www.typeface.ai/.

- **primary**: #FD243E (rgb(253, 36, 62))
- **secondary**: #FB2C36 (rgb(251, 44, 54))
- **accent**: #F1F0F2 (rgb(241, 240, 242))
- **background**: #FFFFFF (rgb(255, 255, 255))
- **textPrimary**: #111013 (rgb(17, 16, 19))
- **link**: #1D2130 (rgb(29, 33, 48))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Suisseintl [Google Fonts →](https://fonts.google.com/specimen/Suisseintl)
- **heading**: Suisseintl [Google Fonts →](https://fonts.google.com/specimen/Suisseintl)
- **font stack**: Suisseintl, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23FD243E%22%20d%3D%22M0%200h33.3181v33.3181H0V0Z%22%20style%3D%22fill%3A%20rgb(253%2C%2036%2C%2062)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.8237%208.05957H8.59937V24.1812h3.22433V8.05957Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Typeface's actual button styles.

- **Button Primary**
  - background: #F1F0F2
  - textColor: #FD243E
  - borderRadius: 0px
  - shadow: none

- **Button Secondary**
  - background: #141011
  - textColor: #FFFFFF
  - borderColor: #141011
  - borderRadius: 0px
  - shadow: none

## Brand Personality

- **Tone:** modern
- **Energy:** high
- **Audience:** enterprise businesses

## Typeface Brand in the Wild

## Frequently Asked Questions

1. **What is Typeface's primary brand color?**
   - Typeface's primary brand color is #FD243E. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What accent color does Typeface use?**
   - Typeface uses #F1F0F2 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. **What font does Typeface use?**
   - Typeface uses Suisseintl as the primary typeface across body and headings.
4. **Does Typeface use a light or dark theme?**
   - Typeface's primary site uses a light color scheme, with a background of #FFFFFF.
5. **Where can I find Typeface's logo?**
   - Typeface's logo is available directly on their site (https://www.typeface.ai/). 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://www.typeface.ai/ using the Firecrawl branding extraction API.