# Synth Brand Identity

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

## Color Palette

Brand palette extracted from https://www.usesynth.ai.

| Type     | Color Code | RGB                |
|----------|------------|--------------------|
| primary  | #CA5200    | rgb(202, 82, 0)    |
| secondary| #402513    | rgb(64, 37, 19)    |
| accent   | #FD6600    | rgb(253, 102, 0)   |
| background| #121212   | rgb(18, 18, 18)    |
| textPrimary| #121212  | rgb(18, 18, 18)    |
| link     | #FD6600    | rgb(253, 102, 0)   |

## Typography

Each font links to its Google Fonts page where available.

| Typeface | Role       |
|----------|------------|
| DM Sans  | primary    |
| DM Sans  | heading    |

## UI Components

Live previews rendered using Synth's actual button styles.

### Button Primary

- Background: #CA5200
- Text Color: #E6EDF3
- Border Color: #CA5200
- Border Radius: 8px
- Shadow: none

### Button Secondary

- Background: #101010
- Text Color: #E6EDF3
- Border Color: #414141
- Border Radius: 8px
- Shadow: none

## Brand Personality

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

## Synth Brand in the Wild

Image: [vintagesynth.com](https://www.vintagesynth.com/sites/default/files/2019-02/advertisement-side_0.jpg)

Image: [i.ytimg.com](https://i.ytimg.com/vi/vvfV-T3zCtk/hqdefault.jpg)

Image: [s3-alpha.figma.com](https://s3-alpha.figma.com/hub/file/5069374605/167878e1-5894-425e-8e12-12d248c5d5bf-cover.png)

Image: [blogger.googleusercontent.com](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjABCv1EAC3KxJjW6m10qDnFYAOeHSgh0YkEy7QKgkndA4N9_5pb-lStj4jT0rCKpqgulJAQUOUTPUaqtCnuuro8wchTjHwzBOgsdm8DE_O7iNd_pt10FlJOR0a-rixyrmwaehXxnierxI/s1600/vibronic_moog_janfeb76p30ck.jpg)

Image: [images.squarespace-cdn.com](https://images.squarespace-cdn.com/content/v1/58dab784f5e2316958d923b4/a34594c0-981b-40e7-b424-a3f88a2ee771/IMG_0572+Large.jpeg)

## Frequently Asked Questions

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

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

**What font does Synth use?**  
Synth uses DM Sans as the primary typeface across body and headings.

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

**How was this brand profile generated?**  
This profile was extracted from https://www.usesynth.ai 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 Synth.

## Methodology

Brand data on this page was extracted from [https://www.usesynth.ai](https://www.usesynth.ai/) 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 Synth.