Design System

Typography

.Title

Title

.heading-1

Heading One

.heading-2

Heading Two

.heading-3

Heading Three

.heading-4

Heading Four

.heading-5
Heading Five
.heading-6
Heading Six
.paragraph-large

Large paragraph. Used for hero lead copy and prominent descriptions.

.paragraph

Body paragraph. Default text used throughout the site for general content and descriptions.

.paragraph-small

Small text. Used for captions, footnotes, card metadata, and supporting copy.

.label-caps

Section Label · Category Tag · Eyebrow Text

Buttons & Links

Link variants

.link-navAbout

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

section

Full width · padding-v: 80 / 60 / 48 / 40px

container

max-width 1200px · auto margins
padding-h: 24 / 24 / 20 / 16px responsive

grid-2col

2 cols · gap 48px → 1 col at tablet

grid-3col

3 cols · gap 32px → 2 col tablet → 1 col mobile

spacing