# Spoken Brand Identity

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

## Color Palette

Brand palette extracted from http://www.spoken.io.

- **primary**: #B9044D
- **rgb**: (185, 4, 77)
- **secondary**: #1877F2
- **rgb**: (24, 119, 242)
- **accent**: #BD084D
- **rgb**: (189, 8, 77)
- **background**: #FFFFFF
- **rgb**: (255, 255, 255)
- **textPrimary**: #09090B
- **rgb**: (9, 9, 11)
- **link**: #BD084D
- **rgb**: (189, 8, 77)

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Inter  
  [Google Fonts →](https://fonts.google.com/specimen/Inter)  
- **heading**: Inter  
  [Google Fonts →](https://fonts.google.com/specimen/Inter)

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M426.667%20682.891C426.667%20730.067%20388.462%20768.311%20341.333%20768.311C294.205%20768.311%20256%20730.067%20256%20682.891C256%20635.715%20294.205%20597.471%20341.333%20597.471C388.462%20597.471%20426.667%20635.715%20426.667%20682.891Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M358.06%20341.544C350%20319.379%20361.417%20294.87%20383.56%20286.803L463.747%20257.587C485.89%20249.52%20510.374%20260.948%20518.434%20283.114L664.362%20684.456C672.422%20706.621%20661.005%20731.13%20638.862%20739.197L558.675%20768.413C536.532%20776.48%20512.048%20765.052%20503.988%20742.886L358.06%20341.544Z%22%20fill%3D%22white%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 Spoken's actual button styles.

### Input

- **background**: transparent
- **textColor**: #09090B
- **borderColor**: #E6E6E6
- **borderRadius**: 6px
- **shadow**: 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 1px 2px 0px

## Brand Personality

- **Tone**: modern  
- **Energy**: medium  
- **Audience**: homeowners looking for affordable home decor

## Frequently Asked Questions

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

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

**What font does Spoken use?**  
Spoken uses Inter as the primary typeface across body and headings.

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

**Where can I find Spoken's logo?**  
Spoken's logo is available directly on their site (http://www.spoken.io).

**How was this brand profile generated?**  
This profile was extracted from http://www.spoken.io using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.