green
#03524D
Primary brand green
bg-green
text-green Vault · Reference
Design language.
Source-of-truth for the brand's color palette and typographic scale. Every token below is registered in src/styles/global.css and exposed as a Tailwind utility.
Color
16 tokensgreen-dark
#052619
Near-black green
bg-green-dark
text-green-dark green-deep
#02372F
Mid-dark green
bg-green-deep
text-green-deep mint
#E5F7EF
Pale mint
bg-mint
text-mint mint-2
#B6D2C7
Card mint
bg-mint-2
text-mint-2 sage
#8FB6AC
Sage
bg-sage
text-sage lime
#35BE8F
Accent lime-green
bg-lime
text-lime gold
#D8C499
Tan gold
bg-gold
text-gold gold-2
#F5DBA3
Pale gold
bg-gold-2
text-gold-2 ink
#262C2F
Body text
bg-ink
text-ink ink-soft
#585E5E
Secondary text
bg-ink-soft
text-ink-soft line
#DDDEDF
Divider
bg-line
text-line line-soft
#EDEDED
Light divider
bg-line-soft
text-line-soft page
#E8E8E8
Page background
bg-page
text-page surface
#F8F9F9
Card surface
bg-surface
text-surface white
#FFFFFF
White
bg-white
text-white Typography
6 scales · 2 familiesSans — Inter
font-sans 300
The quick brown fox jumps over the lazy dog.
400
The quick brown fox jumps over the lazy dog.
500
The quick brown fox jumps over the lazy dog.
600
The quick brown fox jumps over the lazy dog.
italic
The quick brown fox jumps over the lazy dog.
Serif — Ivypresto Headline
font-serif 300
The quick brown fox jumps over the lazy dog.
400
The quick brown fox jumps over the lazy dog.
500
The quick brown fox jumps over the lazy dog.
italic
The quick brown fox jumps over the lazy dog.
text-hero clamp(44px, 8vw, 100px) · line 1.02 · tracking −0.015em Wealth, rewritten.
text-section clamp(40px, 5vw, 64px) · line 1.05 · tracking −0.022em A new kind of asset manager.
text-card clamp(24px, 2.4vw, 32px) · line 1.15 Built for serious wealth.
text-lede 17px · line 1.55 Vault is a private, fee-only platform for founders, operators, and inheritors of principal wealth.
text-eyebrow 11px · tracking 0.12em · uppercase Invest · Save · Plan
text-tag 12px · tracking 0.06em · uppercase Preservation