# Slite Brand Identity

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

## Color Palette

Brand palette extracted from https://slite.com/.

| Color         | Hex      | RGB                     |
|---------------|----------|-------------------------|
| Primary       | #F9EFE4  | rgb(249, 239, 228)      |
| Secondary     | #9DA3AF  | rgb(157, 163, 175)      |
| Accent        | #F9EFE4  | rgb(249, 239, 228)      |
| Background    | #FDFDFD  | rgb(253, 253, 253)      |
| Text Primary  | #3F434A  | rgb(63, 67, 74)         |
| Link          | #F0E4D6  | rgb(240, 228, 214)      |

## Typography

Each font links to its Google Fonts page where available.

- **Primary:** UniversalSans  ([Google Fonts →](https://fonts.google.com/specimen/UniversalSans))
- **Heading:** Garnett ([Google Fonts →](https://fonts.google.com/specimen/Garnett))

### Font Stacks

- **Heading:** Garnett, FixEmoji, sans-serif
- **Body:** UniversalSans, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol

## UI Components

Live previews rendered using Slite's actual button styles.

### Button Primary

```json
{
  "background": "#F9EFE4",
  "textColor": "#2D2F34",
  "borderColor": "#2D2F34",
  "borderRadius": "42px",
  "shadow": "none"
}
```

### Button Secondary

```json
{
  "background": "#FDFDFD",
  "textColor": "#2D2F34",
  "borderRadius": "50px",
  "shadow": "none"
}
```

## Brand Personality

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

## Slite Brand in the Wild

### Images

- %20!important%3B%22%2F%3E%3C%2Fsvg%3E)
- 
-

## Frequently Asked Questions

1. **What is Slite's primary brand color?**
   Slite's primary brand color is #F9EFE4. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What font does Slite use?**
   Slite uses UniversalSans for body text and Garnett for headings. Fonts were detected on https://slite.com/ as part of their live design system.
3. **Does Slite use a light or dark theme?**
   Slite's primary site uses a light color scheme, with a background of #FDFDFD.
4. **Where can I find Slite's logo?**
   Slite's logo is available directly on their site (https://slite.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://slite.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 Slite.

## Methodology

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