# Speechly Brand Identity

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

## Color Palette

Brand palette extracted from https://www.speechly.com/.  
**primary**  
`#1A2035`  
`rgb(26, 32, 53)`  
**secondary**  
`#DF281F`  
`rgb(223, 40, 31)`  
**accent**  
`#FFFFFF`  
`rgb(255, 255, 255)`  
**background**  
`#191A1F`  
`rgb(25, 26, 31)`  
**textPrimary**  
`#191A1F`  
`rgb(25, 26, 31)`  
**link**  
`#626677`  
`rgb(98, 102, 119)`

## Typography

Each font links to its Google Fonts page where available.  
**primary**  
Builder Sans  
[Builder Sans](https://fonts.google.com/specimen/Builder+Sans)  
**heading**  
Builder Sans  
[Builder Sans](https://fonts.google.com/specimen/Builder+Sans)

## Visual Assets

Favicon

Social Card

## UI Components

Live previews rendered using Speechly's actual button styles.

Input  
`background: #282931`  
`textColor: #D5D7DD`  
`borderColor: #707070`  
`borderRadius: 8px`  
`shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset`

Button Primary  
`background: #FFFFFF`  
`textColor: #272930`  
`borderColor: #FFFFFF`  
`borderRadius: 8px`  
`shadow: none`

Button Secondary  
`background: #F7F7F8`  
`textColor: #121215`  
`borderColor: #F7F7F8`  
`borderRadius: 8px`  
`shadow: none`

## Brand Personality

**Tone:** playful  
**Energy:** high  
**Audience:** gamers, children, and young adults

## Speechly Brand in the Wild

Image: [i.ytimg.com](https://i.ytimg.com/vi/hL4NGeTEuJc/hqdefault.jpg)  
Source: [youtube.com](https://www.youtube.com/watch?v=hL4NGeTEuJc)

Image: [gamesbeat.com](https://gamesbeat.com/wp-content/uploads/2025/05/speech-VB_Toxic-Behavior-by-Game-Engagement-Channel.jpg)  
Source: [gamesbeat.com](https://gamesbeat.com/voice-chat-is-the-worst-for-toxicity-but-2-3-of-gamers-never-report-it-speechly/)

Image: [iqruyoeyjyecuytgfzbn.supabase.co](https://iqruyoeyjyecuytgfzbn.supabase.co/storage/v1/object/public/tool-images/hero-images/1749441620459-Screenshot_2025-06-09_055921.png)  
Source: [voiceaispace.com](https://www.voiceaispace.com/tool/speechly)

Image: [media.pocketgamer.biz](https://media.pocketgamer.biz/images/123562/82487/speechly_l1200.jpg)  
Source: [pocketgamer.biz](https://www.pocketgamer.biz/roblox-acquires-finnish-start-up-speechly/)

Image: [voicebot.ai](http://voicebot.ai/wp-content/uploads/2021/10/component-introduction.png)  
Source: [voicebot.ai](https://voicebot.ai/2021/10/07/speechly-releases-templates-for-building-online-voice-interfaces/)

Image: [quibble.digital](https://quibble.digital/wp-content/uploads/2021/09/Picture5.jpg)  
Source: [quibble.digital](https://quibble.digital/insights/how-to-design-a-great-website-for-your-tech-start-up/)

## Frequently Asked Questions

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

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

3. **What font does Speechly use?**  
   Speechly uses Builder Sans as the primary typeface across body and headings.

4. **Does Speechly use a light or dark theme?**  
   Speechly's primary site uses a dark color scheme, with a background of #191A1F.

5. **How was this brand profile generated?**  
   This profile was extracted from https://www.speechly.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Speechly.

## Methodology

Brand data on this page was extracted from [https://www.speechly.com/](https://www.speechly.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content.