Brand & Product Foundations
The Legacy South
design system.
One ink, one tan, one paper. A disciplined editorial system — Playfair display serif over Hanken Grotesk — applied across logos, color, type, components, and live marketing surfaces.
01
Color
Ink, tan, paper — and the tints derived from them.Core PaletteInk, Tan, Paper — three colors, full stop700×190
SurfacesDefault · warm wash · inverse700×200
Ink Scale050 → 900 navy steps for hierarchy700×140
Tan Scale050 → 900 · 600 is canonical700×160
Semantic Tokensfg / bg / accent / border roles700×170
02
Typography
Playfair Display for voice, Hanken Grotesk for everything else, JetBrains Mono for specs.FamiliesDisplay serif + sans + mono700×300
Display SpecimenPlayfair at 88px700×230
ScaleDisplay → eyebrow, six steps700×320
Body SpecimenHanken body at 17/1.65700×160
Mono SpecimenJetBrains Mono — specs & code700×230
Eyebrow HeaderSpaced kicker + rule + serif700×180
03
Spacing & Motion
A 4px base grid, squared corners, soft navy-tinted elevation.Scale4-px base · 1 → 10 steps700×200
RadiiSquared by default; sm=4 max700×180
ShadowsSoft, low, navy-tinted700×180
MotionOne ease-out · three durations700×200
04
Components
Buttons, inputs, nav, tiles — the working vocabulary.Button · PrimarySolid ink → tan-600 on hover700×160
Button · Ghost1px border, inverts on hover700×160
Link ButtonInline CTA, animated underline700×160
ChipsFilter chips · pill radius700×140
Form InputsSquared · hairline border700×150
Nav BarFixed top, 72px, hairline rule700×130
TileImage + eyebrow + serif title700×260
FooterDark ink, tan kickers700×230
Pull QuoteEditorial inverse callout700×220
05
Logos
Horizontal, stacked, and community endorsement lockups.HorizontalPrimary lockup, light bg700×160
Horizontal InverseWhite lockup on ink700×160
StackedSquare lockup with monogram700×230
Community Lockup'A Legacy South Community'700×230
06
In Use
Live marketing surfaces built from the system.UI Kit · City LivingMarketing-site prototype1440×900
Nashville CommunitiesBrand-styled live Google map1440×1100
Hudson Email — Options3 layouts compared1400×900
Hudson Launch EmailFull launch email640×900
Hudson Launch (HubSpot)Inlined, email-safe build640×1700