DESIGN SYSTEM

Component Library

A visual reference for typography, colors, spacing, and key UI patterns — built with the site's real tokens.

TYPOGRAPHY

Headline 1

H1 — Space Grotesk 600

H2 — Space Grotesk 600

H3 — Space Grotesk 500

Headline 4

H4 — Space Grotesk 500

Headline 5

H5 — Poppins 500

Body text uses Poppins for high readability across long-form case studies.

Body — Poppins 400 (16–17px, 150–165%)

COLOR

Primary

#111111

Body

#2C2C2C

Secondary

#6A6A6A

Accent

#598392

Background

#FAFAFA

White

#FFFFFF

SPACING

2x – 4x

4x – 6x

16px – 9

24px – 16

36px – 16x

48px – 24x

Major sections: 64–80px. Subsections: 40–56px. Text blocks: 620–720px max.

BUTTONS

Default

Hover

Disabled

Default

FORMS

Label

This field is required.

Dropdown

Checkbox

Radio