# Synnax Brand Identity

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

## Color Palette

Brand palette extracted from https://www.synnaxlabs.com/.

- **primary**: `#3774D0`  (rgb(55, 116, 208))  
- **secondary**: `#070D17`  (rgb(7, 13, 23))  
- **accent**: `#3774D0`  (rgb(55, 116, 208))  
- **background**: `#020202`  (rgb(2, 2, 2))  
- **textPrimary**: `#020202`  (rgb(2, 2, 2))  
- **link**: `#5E94EE`  (rgb(94, 148, 238))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Inter Variable  
- **heading**: Inter Variable

## Visual Assets

%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2310007f%22%20style%3D%22stop-color%3A%20rgb(16%2C%200%2C%20127)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230084e9%22%20style%3D%22stop-color%3A%20rgb(0%2C%20132%2C%20233)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cpath%20d%3D%22M52.6%2C194.4a14.81%2C14.81%2C0%2C0%2C1-12.83-22.22L94.21%2C77.91c5.7-9.88%2C20-9.88%2C25.9.42L171.88%2C168a6.78%2C6.78%2C0%2C0%2C0%2C2.48%2C2.48l15.42%2C8.91a6.78%2C6.78%2C0%2C0%2C0%2C9.26-9.27L119.86%2C33a14.8%2C14.8%2C0%2C0%2C0-25.65%2C0L2%2C192.69a14.81%2C14.81%2C0%2C0%2C0%2C12.83%2C22.22H170.38a6.78%2C6.78%2C0%2C0%2C0%2C3.39-12.65l-12.05-6.95a6.73%2C6.73%2C0%2C0%2C0-3.39-.91Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Ctext%20transform%3D%22translate(208.99%20215.58)%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%3ESynnax%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Synnax's actual button styles.

**Input**

| Property         | Value         |
|------------------|---------------|
| background       | transparent   |
| textColor        | #FAFAFA       |
| borderColor      | null          |
| borderRadius     | 3px           |
| shadow           | none          |

**Button Primary**

| Property         | Value         |
|------------------|---------------|
| background       | #3774D0       |
| textColor        | #FAFAFA       |
| borderColor      | #3774D0       |
| borderRadius     | 3px           |
| shadow           | none          |

**Button Secondary**

| Property         | Value         |
|------------------|---------------|
| background       | #151515       |
| textColor        | #FAFAFA       |
| borderRadius     | 0px           |
| shadow           | none          |

## Brand Personality

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

## Synnax Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [synnax.nyc3.cdn.digitaloceanspaces.com](https://synnax.nyc3.cdn.digitaloceanspaces.com/docs/releases/0-54-0/pagerduty-alert-task.png)

Source: [docs.synnaxlabs.com](https://docs.synnaxlabs.com)

Image: [synnax.nyc3.cdn.digitaloceanspaces.com](https://synnax.nyc3.cdn.digitaloceanspaces.com/docs/console/get-started/window-light.png)

Source: [docs.synnaxlabs.com](https://docs.synnaxlabs.com/reference/console/get-started)

Image: [synnaxlabs.com](https://www.synnaxlabs.com/images/console-screenshot.png)

Source: [synnaxlabs.com](https://www.synnaxlabs.com/)

Image: [synnax.nyc3.cdn.digitaloceanspaces.com](https://synnax.nyc3.cdn.digitaloceanspaces.com/docs/console/line-plots/example-light.png)

Source: [docs.synnaxlabs.com](https://docs.synnaxlabs.com/reference/console/line-plots)

Image: [synnax.nyc3.cdn.digitaloceanspaces.com](https://synnax.nyc3.cdn.digitaloceanspaces.com/docs/guides/comparison/performance/channel-memory.png)

Source: [docs.synnaxlabs.com](https://synnax.nyc3.cdn.digitaloceanspaces.com/docs/guides/comparison/performance/channel-memory.png)

## Frequently Asked Questions

1. **What is Synnax's primary brand color?**  
   Synnax's primary brand color is `#3774D0`. It anchors the visual identity across their website, product UI, and marketing materials.  
2. **What font does Synnax use?**  
   Synnax uses Inter Variable as the primary typeface across body and headings.  
3. **Does Synnax use a light or dark theme?**  
   Synnax's primary site uses a dark color scheme, with a background of `#020202`.  
4. **Where can I find Synnax's logo?**  
   Synnax's logo is available directly on their site (https://www.synnaxlabs.com/). The current logo URL is included in the machine-readable JSON profile linked above.  
5. **How was this brand profile generated?**  
   This profile was extracted from https://www.synnaxlabs.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 Synnax.

## Methodology

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