Pitch

Pitch sets oversized Mark Pro Bold headlines in a heavy weight with tight tracking on a light bone white canvas. Verdant (#c4ee87) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 20px, with 40px and 4px on smaller elements.

pitch.com ↗

Colors

Verdant

#c4ee87

Primary actions and links

Iris

#280f62

Secondary accent and highlights

Bone White

#ffffff

Page canvas

Void

#000000

Headlines and body copy

Soft Iris

#5318eb

Supporting colour

Soft Void

#0c021c

Surface or divider

Pale Iris

#c6a5ff

Supporting colour

Graphite

#363636

Supporting colour

Ash

#666666

Supporting colour

Type scale

DisplayCreate slides that win.Mark Pro Bold · 180px · 700

HeadingFrom prompt to presentation, 4M+ teams create and deliver winning slides together in PitchEina 03 Regular · 18px · 400

SubheadingMake stunning slidesMark Pro Bold · 32px · 700

BodyProductEina 03 Regular · 16px · 400

NavProductsans-serif · 12px · 400

Buttons

Sign upButtonGenerateStart creating

Style reference measured from the public page at pitch.com on 2026-10-12 for design education. Pitch and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.

Connect to your AI ↗

# Pitch — Style Reference
> Pitch sets oversized Mark Pro Bold headlines in a heavy weight with tight tracking on a light bone white canvas. Verdant (#c4ee87) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 20px, with 40px and 4px on smaller elements.

**Theme:** light · **Source:** https://pitch.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted.

## Tokens — Colors

| Name | Value | Token | Role |
|------|-------|-------|------|
| Verdant | `#c4ee87` | `--color-accent` | Primary actions and links |
| Iris | `#280f62` | `--color-secondary` | Secondary accent and highlights |
| Bone White | `#ffffff` | `--color-canvas` | Page canvas |
| Void | `#000000` | `--color-ink` | Headlines and body copy |
| Soft Iris | `#5318eb` | `--color-surface-1` | Supporting colour |
| Soft Void | `#0c021c` | `--color-surface-2` | Surface or divider |
| Pale Iris | `#c6a5ff` | `--color-surface-3` | Supporting colour |
| Graphite | `#363636` | `--color-surface-4` | Supporting colour |
| Ash | `#666666` | `--color-surface-5` | Supporting colour |

## Typography

| Role | Family | Size | Weight | Line height | Tracking |
|------|--------|------|--------|-------------|----------|
| Display | Mark Pro Bold | 180px | 700 | 0.80 | -0.040em |
| Heading | Eina 03 Regular | 18px | 400 | 1.60 | -0.020em |
| Subheading | Mark Pro Bold | 32px | 700 | 1.20 | -0.040em |
| Body | Eina 03 Regular | 16px | 400 | 1.60 | -0.020em |
| Nav | sans-serif | 12px | 400 | normal | 0 |

Font families on the page: sans-serif, Eina 03 Regular, Eina 03 Bold, Mark Pro Bold, Mark Pro, Eina 03. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence.

## Shape

- Corner radius, most to least used: 20px, 40px, 4px, 24px, 8px
- Primary button: background `#c4ee87`, text `#0000ee`, radius 4px, padding 10px 12px, 12px / 400

More styles from the web

Apple iPhone

Stripe

Linear

Apple

Vercel

Notion

Figma

Framer