Bold presentation brand: a deep violet-to-purple-black canvas lit by a soft radial glow, carrying an enormous Mark Pro Bold headline at 180px with extreme -7.2px tracking and negative leading, quiet Eina 03 body, full-pill CTAs led by a signature soft-lime sign-up pill, and a pale lilac announcement banner.
Browse Pitch in the interactive gallery
Captured from the live site's computed styles into a prompt-ready DESIGN.md you can paste into Cursor, v0, Lovable, Bolt or Claude Code. Below is a summary of each captured surface.
Source: pitch.com (live DOM, computed styles), 2026-07-18 (desktop 1512px). Coverage: home / marketing. Presentation app: pending login (needs-dashboard). Responsive: breakpoints from tokens only; mobile rendering not verified.
Bold, high-contrast presentation brand: a deep violet-to-purple-black canvas lit by a soft radial glow, carrying an *enormous* Mark Pro Bold headline — 180px at weight 700 with extreme negative tracking (-7.2px) and a line-height below the font size, so the words fill the screen like a title slide. Body copy drops to a calm Eina 03 at 20/32. The chrome is white-on-purple with two pill CTAs, and the signature colour move is a soft lime #c4ee87 sign-up pill set against the violet — an unexpected complement that does more work than the brand violet itself. A pale lilac announcement banner caps the page. Feels: bold, confident, energetic, presentation-grade.
| Token | Hex | Role / usage |
|---|---|---|
| canvas | #0c021c | Deep purple-black page background |
| black | #000000 | Deepest sections |
| violet | #5318eb | Brand violet, gradient hero |
| purple-deep | #280f62 | Deep purple gradient stop |
| lilac | #c6a5ff | Announcement banner, light accents |
| lilac-pale | #ebe3fe / #ede1ff | Pale tint panels |
| white | #ffffff | Light sections, primary button |
| gray-surface | #f6f6f6 | Light section fill |
| Token | Hex | Role / usage |
|---|---|---|
| white | #ffffff | Headlines and body on purple |
| ink | #0c021c / #0d031d | Text on light surfaces |
| dark | #363636 | Secondary text on light |
| muted | #666666 | Body secondary |
| Token | Hex | Role / usage |
|---|---|---|
| lime | #c4ee87 | Signature CTA pill ("Sign up") |
| violet | #5318eb | Brand accent |
| blue | #0000ee | Default link colour |
Rule: the canvas is deep violet-purple with white type; the soft lime #c4ee87 is reserved for the primary sign-up pill and is the brand's most distinctive note — never use it as a background wash.
"Mark Pro Bold", "Mark Pro", sans-serif — enormous, weight 700, extreme negative tracking, line-height *below* font size."Eina 03 Regular", "Eina 03", sans-serif; Eina 03 Bold for emphasis.| Role | Size/Line | Weight | Tracking |
|---|---|---|---|
| Display (h1) | 180 / 144 | 700 | -7.2px (-4%) |
| Sub / lead | 20 / 32 | 400 | -0.4px |
| Body | 20 / 32 | 400 | -0.4px, #666666 on light |
| Nav / UI | 12–16 | 400 | normal |
Patterns: the display is the whole brand — set as large as the viewport allows at 700 with tracking pulled to -4% and negative leading, so lines lock together like a slide title. Everything else stays quiet in Eina at 400.
Also documented in the full DESIGN.md: Component Stylings, Layout Principles, Depth & Elevation, Motion, Backgrounds, Effects & WebGL, Do's and Don'ts, Responsive Behavior, Agent Prompt Guide.