Typa Brand Identity

A complete profile of Typa's visual system — colors, typography, components, and personality — extracted from https://typa.ai. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://typa.ai.

primary

• #EAE6DB
  rgb(234, 230, 219)

secondary

• #6B7280
  rgb(107, 114, 128)

accent

• #5A7D65
  rgb(90, 125, 101)

background

• #FEFEFC
  rgb(254, 254, 252)

textPrimary

• #000000
  rgb(0, 0, 0)

link

• #5A7D65
  rgb(90, 125, 101)

Typography

Each font links to its Google Fonts page where available.

primary

• Manrope
  Manrope Google Fonts →

heading

• Hedvig Letters Serif
  Hedvig Letters Serif Google Fonts →

Hedvig Letters Serif, ui-serif, serif

Visual Assets

%20!important%3B%22%2F%3E%3Ccircle%20cx%3D%22139%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23FF7300%22%20style%3D%22fill%3A%20rgb(255%2C%20115%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Typa's actual button styles.

Button Primary
buttonPrimary

• background #5A7D65
• textColor #FDFBF6
• borderRadius 4px
• shadow rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 4px 10px 0px

Button Secondary
buttonSecondary

• background #EAE6DB
• textColor #5A7D65
• borderColor #5A7D65
• borderRadius 3px
• shadow rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 4px 10px 0px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: content creators and marketers

Frequently Asked Questions

What is Typa's primary brand color?
Typa's primary brand color is #EAE6DB. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Typa use?
Typa uses #5A7D65 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Typa use?
Typa uses Manrope for body text and Hedvig Letters Serif for headings. Fonts were detected on https://typa.ai as part of their live design system.

Does Typa use a light or dark theme?
Typa's primary site uses a light color scheme, with a background of #FEFEFC.

Where can I find Typa's logo?
Typa's logo is available directly on their site (https://typa.ai). 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://typa.ai using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.