Color scheme -- for review

Burgundy & Sand

Deep wine-red with warm sand tones on cream. It feels prestigious and classic -- warm and dignified, the kind of color you'd associate with established institutions.

See the full site in this theme ->

Brand mark

on light

reversed, on primary

Color

Pro Warm, prestigious, confident. Con Red can read formal / traditional.

Brand

Primary --primary Headings, dark sections, primary buttons, footer
Primary hover --primary-hover Hover / pressed state of primary
Primary tint --primary-tint Soft tinted backgrounds, hero wash
Accent --accent Eyebrows, underlines, accent CTAs, highlights
Accent hover --accent-hover Hover of accent, eyebrow text
Accent tint --accent-tint Pills, soft accent fills, focus ring

Surfaces

Paper --paper Page background
Surface --surface Cards, panels, inputs
Surface 2 --surface-2 Section dividers, subtle wash

Text

Ink --ink Primary text and headings
Ink soft --ink-soft Body and secondary text
Ink faint --ink-faint Captions, meta, placeholders

Lines & status

Line --line Hairline borders, dividers
Line strong --line-strong Stronger borders, input outlines
OK --ok Success / positive
Warn --warn Warnings and errors

Typography

Pro Distinctive serif/sans pairing, highly legible. Con Two fonts add a little weight.

FrauncesDisplay -- headings, leads

opsz / weight variable serif

InterText -- body, UI

400 / 500 / 600 / 700

--step-4Display · Hero headlines · Fraunces