Descript

Descript's visual language is deep burgundy darkness cut by coral-red action — like the interior of a recording booth where the walls absorb everything and only the signal glows. The #390a1a near-black burgundy dominates 70% of the hero, creating a theater-dark immersion that makes the coral-red CTA (#f73b3b) feel like an on-air indicator light. Headlines use Gamuth Display, a custom editorial serif at 88px — an unusual choice for a SaaS product that signals craft and content creation rather than enterprise utility. The light sections (#faf8f7, a warm off-white) provide contrast between dark bands without ever going pure white, keeping the palette unified in warmth. Tag labels like 'AI VIDEO EDITOR' use Brett, a custom typeface with wide 0.04em tracking that mimics broadcast chyron styling. Use Gamuth Display weight 400 for all H1/H2 hero headlines — never bold or weight 700 Precede every major section heading with a Brett 18px, 0.04em tracked eyebrow label in #f73b3b Apply #f73b3b background with 12px border-radius and 16px/32px padding for all primary CTAs Pair #390a1a dark sections immediately with #faf8f7 light sections — maintain alternating band rhythm Use 4px border-radius for all cards; reserve 12px for floating UI components and modals Set Booton letter-spacing to −0.02em (negative) across all body sizes — never neutral or positive tracking except in Brett eyebrows Use #583f4a as the elevated card surface on dark #390a1a backgrounds — never pure black or white cards on dark sections Never use a pure white (#ffffff) page background — all light surfaces use #faf8f7 (Warm Parchment) Never apply Gamuth Display to body copy, captions, or UI labels — it is heading-only at 40px minimum Never use the coral CTA (#f73b3b) for more than one button per screen — it functions as a single focal signal Never add drop shadows to section cards — background-color contrast alone defines elevation on card surfaces Never use a generic sans-serif substitute for Booton without applying −0.02em letter-spacing — positive or zero tracking breaks the warmth Never place green, blue, or teal semantic colors in the UI — the system has no cool-hued semantic states; use only the warm coral/burgundy/violet palette Never use border-radius above 12px on cards or sections — 9999px is reserved exclusively for compact icon pill buttons