Color scheme -- current live design

Regal Navy & Gold

A deep, regal navy paired with a champagne-gold metallic accent on a warm pearl background. Navy-and-gold is the classic heraldic, premium pairing -- it reads dignified and established, while the brushed-gold sheen on the calls to action gives it a richer, slightly ceremonial lift.

See the full site in this theme ->

Brand mark

on light

reversed, on primary

Color

Pro Premium, dignified, distinctive; the metallic gold adds real richness. Con Navy-and-gold is a confident, formal commitment.

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