LastVet Design Tokens — Direction A (Editorial Warmth)¶
Canonical source: last.vet-web/app/globals.css
Shared surfaces: last.vet, my.last.vet (same repo/build), provider.last.vet (aligned copy in last.vet-provider/src/app/globals.css).
Palette¶
| Token | Light | Dark | Role |
|---|---|---|---|
--lv-navy-anchor |
#0B1426 |
#0B1426 |
Footer, emphasis blocks (cool navy anchor) |
--lv-navy |
#0B1426 |
#EDE9E3 |
Light: headings. Dark: warm headline ink on warm ground |
--lv-bg |
#F7F5F2 |
#1A1512 |
Page background (warm off-white / warm espresso charcoal) |
--lv-surface |
#FFFFFF |
#211B16 |
Cards, nav |
--lv-elevated |
#FFFFFF |
#2A221C |
Raised surfaces |
--lv-ink |
#1A1814 |
#EDE9E3 |
Primary text |
--lv-muted |
#6B6560 |
#B8AEA4 |
Secondary text |
--lv-border |
#E5E0D8 |
#3D342C |
Hairlines |
--lv-accent |
#5C534A |
#C4BDB4 |
Stone ink — CTAs, links (NOT Meridian) |
--lv-accent-hover |
#4A433C |
#D9D2CA |
Hover |
--lv-meridian |
#4C1D95 |
#7C3AED |
Reserved — Meridian text/links (Pathways primary) |
--lv-meridian-deep |
#4C1D95 |
#5B21B6 |
Meridian CTA fill |
--lv-meridian-muted |
#EDE9FE |
#2E1065 |
Meridian tint backgrounds |
--lv-shield |
#8B7D3C |
#C4A85A |
Reserved — SHIELD surfaces only |
--lv-shield-deep |
#6F6432 |
#A38B4A |
SHIELD labels, emphasis |
--lv-shield-border |
#C5B982 |
#8B7D3C |
SHIELD outline accents |
--lv-shield-muted |
#F5F1DE |
#2A2418 |
SHIELD tint backgrounds |
Retired¶
--lv-gold/#c9a227— institutional; removed from general marketing chrome (SHIELD uses--lv-shield*instead)- Teal
#0f766eas brand accent — removed (deck slides retain separate--deck-tealfor investor decks only)
Meridian purple audit rule¶
Purple (--lv-meridian*) may appear only on:
/meridianpage elements- Nav/footer link whose label is Meridian
.lv-meridian-*utility classes tied to Meridian feature UI
Never on: hero, general cards, primary CTAs, waitlist buttons.
SHIELD gold audit rule¶
Gold (--lv-shield*) may appear only on:
/shieldpage elements- Nav link whose label is SHIELD (gold text + gold outline bubble, not fill)
.lv-shield-*utility classes tied to SHIELD feature UI
Never on: hero, general cards, primary CTAs, Meridian, waitlist buttons.
Typography¶
Geist Sans (--font-geist-sans) — marketing + my.last.vet. Provider portal: tokens aligned; Geist adoption tracked separately.