Spoken Brand Identity

A complete profile of Spoken's visual system — colors, typography, components, and personality — extracted from 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 →
• heading: Inter
  Google Fonts →

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.