Brand guidelines
The only bits most people need: the colors and typography used across the LMBA website.
Colors
Source of truth: app/globals.css
Primary (brand)
Primary actions and key highlights (main CTA).
Secondary surface
Secondary backgrounds (e.g. secondary buttons).
Accent
Secondary emphasis (use sparingly alongside Primary).
Destructive
Errors + destructive actions only.
Background
Default page background.
Foreground (text)
Default text color.
Muted surface
Subtle panels, helper blocks, calm UI.
Border
Borders and dividers.
Ring (focus)
Focus/active ring.
Typography
Headings (Serif)
font-serifDignity and clarity
Playfair Display
Body/UI (Sans)
font-sansClear, calm language that explains what happens next. Keep it short and reassuring.
Source Sans 3