Vanta. Editorial violet ledger on parchment.
- SaaS
- Light theme
- 14 colors
- 2 typefaces
Vanta presents a trust-forward enterprise language built on a deep violet palette and an editorial type system. Reckless serif headlines (weight 400, sizes 42–90px) carry warmth and authority, while Inter Variable at 400–700 handles every UI surface, keeping components functional and quiet. The visual identity hinges on a lavender hero wash (#ddd6ff), fully pill-shaped controls (999px radius), and a single deep-violet CTA color (#5e05c4) that never shouts — it punctuates. Cards float on white with 16px radii and hairline #181822 borders rather than shadows, producing a flat, architectural feel closer to a printed compliance report than a typical SaaS dashboard.
Vanta design system
Brand3
Logo, brand wordmark, decorative icon fills, strong border accents
Primary action button fills, active nav text, filled badges — the single saturated brand moment
Inline link text, outlined badge borders, icon accents, secondary emphasis
Accent2
Decorative icon strokes, light borders, muted link treatments
Hero section background, soft highlight surfaces, card tints
Neutrals8
Primary text, card borders, dividers, all structural hairlines
Secondary text, heading borders, muted borders
Tertiary text, icon fills, inactive borders
Placeholder text, disabled borders, divider lines
Subtle borders, input resting borders
Section dividers, faint surface tint
Page canvas background, recessed surfaces
Card surfaces, input fills, button text on dark fills
semantic1
Warning badge fill — status callouts only
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Indigo Ink
17.86 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
