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.

Label (11px)EYEBROW / KICKER

XS (12px)Extra small text used in compact spaces

SM (14px)Small text for supporting content and descriptions

Base (16px)Base body text and standard UI elements

LG (18px)Large text for emphasis within sections

XL (20px)Extra large text for subsection titles

2XL (24px)Large section headings and card titles

3XL (30px)Page section headings (mobile)

4XL (36px)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

Tight (1.2)

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

Normal (1.5)

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

Loose (1.75)

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

Relaxed (1.625)

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

Tight (-0.01em)

Used for headings to bring letters closer together

Normal (0em)

Default letter spacing for body text

Wide (0.025em)

Slightly expanded spacing for enhanced readability

Wider (0.05em)

More expanded spacing for visual emphasis

Widest (0.1em)

Maximum letter spacing for labels and kickers