# Descript Brand Identity

A complete profile of **Descript**'s visual system — colors, typography, components, and personality — extracted from https://www.descript.com/?ref=startups.gallery. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/descript
- Machine-readable JSON: https://characterquilt.com/branding/descript.json

## Quick Facts

| Field | Value |
|---|---|
| Primary | #390A1A |
| Accent | #F73B3B |
| Body Font | Roboto |
| Heading Font | Roboto |

## Color Palette

- primary: #390A1A
- secondary: #3F2A32
- accent: #F73B3B
- background: #FFF7FA
- textPrimary: #1A1A1A
- link: #651A39

## Typography

- primary: Roboto — https://fonts.google.com/specimen/Roboto
- heading: Roboto — https://fonts.google.com/specimen/Roboto

## Visual Assets

- Logo: https://descript-website.vercel.app/images/descript-nav-logo-light.svg
- Favicon: https://static-cdn.descript.com/web/icons/favicon-96x96.png
- Social card (og:image): https://cdn.builder.io/api/v1/image/assets%2Ffcea5005d671451e9b07839c893228d0%2Fb1cf2c175fbe4a028dff4622ee1ce727

## UI Components

- buttonPrimary: background=#F73B3B, textColor=#FFF7FD, borderRadius=12px, shadow=none
- buttonSecondary: background=#8787E0, textColor=#FFFFFF, borderRadius=12px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: content creators, podcasters, video editors

## Descript Brand in the Wild

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

- **How to use the Screen Recorder in the Descript desktop app – Descript Help**
  - Image: https://help.descript.com/hc/article_attachments/40045376017293
  - Source: https://help.descript.com/hc/en-us/articles/17510146077453-How-to-use-the-Screen-Recorder-in-the-Descript-desktop-app
- **7 Best Blogging Platforms: An In-Depth Review for 2026**
  - Image: https://cdn.prod.website-files.com/634e7aa49f5b025e1fd9e87b/6520394e2ae556da73c1bb6d_Laptop_screen_with_blog_for_sharing_content.jpeg
  - Source: https://www.descript.com/blog/article/the-6-best-blogging-platforms-an-in-depth-review
- **Other stuff | Descript Blog**
  - Image: https://cdn.prod.website-files.com/634e7aa49f5b025e1fd9e87b/65203ae99f3c77918866909c_Cloning_voices_of_the_deceased.jpeg
  - Source: https://www.descript.com/blog/category/other
- **Building A Solid Content Strategy**
  - Image: https://cdn.prod.website-files.com/634e7aa49f5b025e1fd9e87b/652058e52f6b9e615ed836da_Vintage_typing_machine_and_new_blog_post_journal.jpeg
  - Source: https://www.descript.com/blog/article/building-a-solid-content-strategy
- **Master Podcast Audio Level & Loudness: Your Guide in 2026**
  - Image: https://cdn.prod.website-files.com/634e7aa49f5b025e1fd9e87b/634e7aa49f5b0236ecd9f1d4_IMG-0723.JPG
  - Source: https://www.descript.com/blog/article/basics-to-get-the-right-podcast-audio-level
- **Content Marketing: Creating Content to Attract, Engage, and Sell | Descript**
  - Image: https://cdn.prod.website-files.com/634e7aa49f5b025e1fd9e87b/652058e46583cbd21993dde3_Blog_Website_Article_Lifestyle_Online_Word.jpeg
  - Source: https://www.descript.com/blog/article/content-marketing-creating-content-to-attract-engage-and-sell

## Working with these fonts

Not found on Google Fonts? Here are some instructions:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#390A1A",
    "secondary": "#3F2A32",
    "accent": "#F73B3B",
    "background": "#FFF7FA",
    "textPrimary": "#1A1A1A",
    "link": "#651A39"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "__brett_523e52",
        "__brett_Fallback_523e52",
        "system-ui",
        "Roboto",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "__booton_bab293",
        "__booton_Fallback_bab293",
        "system-ui",
        "Roboto",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "__booton_bab293",
        "__booton_Fallback_bab293",
        "system-ui",
        "Roboto",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "18px",
      "h2": "18px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#F73B3B",
      "textColor": "#FFF7FD",
      "borderRadius": "12px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#8787E0",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://descript-website.vercel.app/images/descript-nav-logo-light.svg",
    "favicon": "https://static-cdn.descript.com/web/icons/favicon-96x96.png",
    "ogImage": "https://cdn.builder.io/api/v1/image/assets%2Ffcea5005d671451e9b07839c893228d0%2Fb1cf2c175fbe4a028dff4622ee1ce727",
    "logoAlt": "descript logo"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "content creators, podcasters, video editors"
  }
}
```