Typography

Font sizes, weights, line heights, and letter spacing used throughout the site.

Font Families

Primary Font

Geist Sans

Used for all body text, headings, and UI elements.

Monospace Font

Geist Mono

Used for code blocks, technical content, and data display.

--font-size-label · …EYEBROW / KICKER

--font-size-xs · …Extra small text used in compact spaces

--font-size-sm · …Small text for supporting content and descriptions

--font-size-base · …Base body text and standard UI elements

--font-size-lg · …Large text for emphasis within sections

--font-size-xl · …Extra large text for subsection titles

--font-size-2xl · …Large section headings and card titles

--font-size-3xl · …Page section headings (mobile)

--font-size-4xl · …Primary page headings (desktop)

RegularWeight: 400 — body text and descriptions

MediumWeight: 500 — UI labels and smaller headings

SemiboldWeight: 600 — subheadings and emphasis

BoldWeight: 700 — high emphasis and section titles

Extra BoldWeight: 800 — primary headings and hero text

--line-height-tight

Compact line height used for headings and tight text. Shift Scan provides offline-first time tracking for construction and field teams.

--line-height-normal

Default line height for body text. Shift Scan provides offline-first time tracking for construction and field teams.

--line-height-relaxed

Balanced line height between normal and loose. Shift Scan provides offline-first time tracking for construction and field teams.

--line-height-loose

Spacious line height for longer form content. Shift Scan provides offline-first time tracking for construction and field teams.

--letter-spacing-tight

Used for headings to bring letters closer together

--letter-spacing-normal

Default letter spacing for body text

--letter-spacing-wide

Slightly expanded spacing for enhanced readability

--letter-spacing-wider

More expanded spacing for visual emphasis

--letter-spacing-widest

Maximum letter spacing for labels and kickers