# Dialect Brand Identity

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

## Color Palette

Brand palette extracted from https://dialect.to.

| Color       | Hex      | RGB               |
|-------------|----------|-------------------|
| primary     | #000000  | rgb(0, 0, 0)      |
| accent      | #EBE9E8  | rgb(235, 233, 232)|
| background  | #FFFFFF  | rgb(255, 255, 255)|
| textPrimary | #1C1C1C  | rgb(28, 28, 28)   |
| link        | #000000  | rgb(0, 0, 0)      |

## Typography

Each font links to its Google Fonts page where available.

| Role       | Font      | Link                          |
|------------|-----------|-------------------------------|
| primary    | Geist     | [Google Fonts →](https://fonts.google.com/specimen/Geist) |
| heading     | Geist     | [Google Fonts →](https://fonts.google.com/specimen/Geist) |

## Visual Assets

%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%3E%3Cpath%20d%3D%22M.534%2015.743c-.611-2.167-.53-6.167-.53-6.167s2.238%203.61%206.098%204.74c2.844.831%206.759.895%209.222-.219%202.984-.979%204.835-4.022%203.962-6.198-1.284-3.198-5.02-4.464-8.914-4.161-2.985.232-5.446%201.662-6.917%203.07C2%208.201%201.632%209.32%201.632%209.32S.497%208.11.36%206.808C.04%203.822%202.726%201.497%206.55.693c5.184-1.09%2011.271%201.027%2014.594%205.166%202.299%202.863%202.937%206.744%201.038%2010.086-2.845%205.004-9.178%205.994-13.28%205.517-4.101-.477-7.676-3.264-8.369-5.719ZM46.58%2021.317V6.602h4.637v14.715h-4.636ZM48.911%204.882c-.653%200-1.208-.212-1.677-.648a2.103%202.103%200%200%201-.703-1.595c0-.61.235-1.134.703-1.57a2.375%202.375%200%200%201%201.677-.66c.654%200%201.221.224%201.677.66.469.436.703.96.703%201.57%200%20.623-.234%201.147-.703%201.595-.468.436-1.023.648-1.677.648Z%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M35.772%2021.317h-7.176V1.692h7.163c1.973%200%203.687.399%205.105%201.184a8.067%208.067%200%200%201%203.317%203.377c.777%201.458%201.171%203.214%201.171%205.245%200%202.044-.394%203.8-1.171%205.271-.777%201.47-1.874%202.592-3.305%203.377-1.43.772-3.131%201.17-5.104%201.17Zm-2.479-4.05H35.6c1.085%200%202.01-.186%202.762-.56.765-.374%201.332-.985%201.714-1.832.394-.847.592-1.981.592-3.39%200-1.407-.198-2.528-.592-3.376-.395-.847-.974-1.445-1.739-1.819-.764-.374-1.689-.56-2.81-.56h-2.233v11.537ZM54.447%2021.093c.716.311%201.542.473%202.479.473.678%200%201.282-.087%201.825-.262a4.233%204.233%200%200%200%201.418-.772c.407-.349.74-.773.998-1.259h.111v2.056h4.365V11.311c0-.784-.16-1.47-.48-2.08a4.308%204.308%200%200%200-1.344-1.533c-.58-.424-1.27-.735-2.047-.96a9.328%209.328%200%200%200-2.565-.336c-1.307%200-2.417.2-3.342.61-.924.4-1.652.96-2.182%201.67a5.004%205.004%200%200%200-.974%202.393l4.278.15c.1-.474.333-.848.716-1.11.37-.274.863-.398%201.48-.398.566%200%201.023.137%201.356.398.362.299.505.723.505%201.184%200%20.299-.11.536-.345.698-.222.162-.592.286-1.097.374-.506.087-1.172.162-1.998.236-.74.063-1.43.187-2.084.374a5.507%205.507%200%200%200-1.726.797c-.506.35-.888.81-1.171%201.371-.284.56-.432%201.246-.432%202.069%200%20.971.21%201.781.617%202.43.357.647.924%201.12%201.64%201.445Zm5.253-2.904c-.394.2-.85.312-1.344.312-.53%200-.974-.125-1.32-.386-.344-.262-.517-.623-.517-1.11%200-.323.074-.597.234-.822.16-.236.395-.423.703-.573a3.75%203.75%200%200%201%201.122-.324c.21-.037.444-.062.678-.1.235-.037.456-.087.678-.136.222-.05.42-.1.605-.163a4.94%204.94%200%200%200%20.48-.186v1.395c0%20.474-.123.897-.357%201.259a2.433%202.433%200%200%201-.962.834Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M71.574%201.692v19.625h-4.636V1.692h4.636ZM91.474%2020.632c1.097.635%202.417.959%203.958.959%201.369%200%202.54-.25%203.539-.748.999-.51%201.775-1.208%202.318-2.118.555-.91.851-1.969.9-3.177h-4.328c-.062.523-.197.96-.407%201.32-.21.362-.493.624-.826.81-.333.187-.703.275-1.134.275-.543%200-1.011-.15-1.418-.449-.407-.311-.715-.76-.95-1.346-.222-.598-.333-1.333-.333-2.205%200-.872.111-1.595.333-2.18.222-.599.543-1.047.95-1.346.407-.312.875-.461%201.418-.461.665%200%201.196.212%201.615.648.42.423.666%201.021.764%201.769h4.328c-.037-1.209-.333-2.255-.9-3.152-.567-.897-1.344-1.595-2.355-2.094-.999-.486-2.17-.735-3.514-.735-1.529%200-2.836.324-3.933.96-1.098.635-1.936%201.532-2.528%202.678-.592%201.134-.888%202.455-.888%203.963%200%201.495.296%202.828.888%203.962a6.194%206.194%200%200%200%202.503%202.667Z%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M80.04%2021.591c-1.528%200-2.835-.299-3.945-.91a6.231%206.231%200%200%201-2.54-2.616c-.592-1.134-.888-2.492-.888-4.05%200-1.52.296-2.853.888-3.987a6.447%206.447%200%200%201%202.515-2.666c1.085-.636%202.355-.96%203.823-.96%201.035%200%201.985.162%202.848.486.863.324%201.603.81%202.232%201.446.629.635%201.11%201.432%201.455%202.367.345.934.518%202.006.518%203.215v1.17h-9.704v.125c0%20.598.11%201.122.345%201.583.234.448.567.797.999%201.046.431.25.937.374%201.54.374.408%200%20.79-.062%201.123-.174.333-.112.617-.287.863-.511a2.22%202.22%200%200%200%20.543-.822l4.254.124a5.267%205.267%200%200%201-1.172%202.517c-.592.71-1.368%201.259-2.343%201.657-.974.387-2.083.586-3.353.586Zm2.602-9.245c-.012-.499-.086-.885-.308-1.271a2.586%202.586%200%200%200-.974-.96c-.395-.224-.838-.336-1.356-.336-.518%200-.987.112-1.394.349-.407.224-.74.548-.974.947a2.738%202.738%200%200%200-.382%201.27h5.388Z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M111.716%206.602v3.451h-2.626v6.641c0%20.287.049.524.135.698a.848.848%200%200%200%20.407.374c.173.075.395.1.641.1.173%200%20.358-.013.555-.05.197-.038.358-.075.456-.1l.703%203.377c-.222.062-.53.15-.937.236-.395.1-.875.162-1.43.187-1.085.05-2.022-.074-2.799-.386-.777-.311-1.357-.797-1.776-1.458-.407-.66-.604-1.483-.592-2.48v-7.151h-1.923V6.6h1.923V3.076h4.637v3.527h2.626Z%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20235)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h113v22H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

Favicon:   
Social Card:

## UI Components

Live previews rendered using Dialect's actual button styles.

### Button Primary

- **background:** #EBE9E8  
- **textColor:** #1C1C1C  
- **borderColor:** #D2D2D2  
- **borderRadius:** 8px  
- **shadow:** rgba(1, 1, 1, 0.16) 0px 1px 2px 0px, rgba(255, 255, 255, 0.5) 0px 4px 1px 0px inset, rgba(135, 135, 135, 0.5) 0px -3px 2px 0px inset

### Button Secondary

- **background:** #2B2B2B  
- **textColor:** #ECEBEA  
- **borderColor:** #1C1C1C  
- **borderRadius:** 8px  
- **shadow:** rgba(255, 255, 255, 0.05) 0px 4px 1px 0px inset, rgba(1, 1, 1, 0.3) 0px -3px 2px 0px inset, rgba(1, 1, 1, 0.16) 0px 1px 2px 0px

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** tech-savvy professionals

## Dialect Brand in the Wild

**Image:** [Source](https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/dialect-docs/blink-action-result.png)

**Image:** [Source](https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/dialect-docs/blink-creation-example.png)

**Image:** [Source](https://cdn.sanity.io/images/ylek03jf/production/7dd2669b52bf2eda964c9f08bdd6b851d7207b45-1400x996.png)

**Image:** [Source](https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/v1751209550/dialect-docs/error-msg-example.png)

**Image:** [Source](https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/dialect-docs/website-blink-desktop.png)

**Image:** [Source](https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/dialect-docs/blink_data_table.png)

## Frequently Asked Questions

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

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

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

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

**Where can I find Dialect's logo?**  
Dialect's logo is available directly on their site (https://dialect.to). 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://dialect.to 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 Dialect.

## Methodology

Brand data on this page was extracted from [https://dialect.to](https://dialect.to/) 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. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Dialect.