Brands813
↑ ↓ to browse
View full design.md ↗
Wealthfront· Financewealthfront.com
Finance

Wealthfront

A deep navy-indigo canvas where Calibre's tightly tracked sans commands the headlines with compressed 0.90 line-heights, GT Alpina's extralight serif glides in for editorial counterpoint, and a single saturated indigo-violet is the only chromatic force — a robo-advisor that looks and feels like an investment-grade design system.

Color Palette16 tokens
background#f0f0f2
surface#ffffff
surface-dark#18172b
ink#18172b
ink-secondary#424158
ink-muted#b7b7c0
on-dark#ffffff
on-primary#ffffff
primary#4840bb
primary-hover#564de0
primary-deep#230b59
focus-tint#dadef1
focus-ring#3b82f6
border#e5e7eb
border-inner#f0f0f2
shadow-soft#18172b
Buttons
TypographyGoogle Font
DM Sansbrand uses Calibre
display-hero

The quick brown fox

156px · 700 · -4.68px
display

The quick brown fox

62px · 700 · -1.86px
display-serif

The quick brown fox

59px · 200 · -2.95px
heading

The quick brown fox

48px · 700 · -1.44px
heading-sub

The quick brown fox

32px · 600 · -0.96px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Wealthfront

A deep navy-indigo canvas where Calibre's tightly tracked sans commands the headlines with compressed 0.90 line-heights,…

Finance
sm
md
lg
pill
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Wealthfront
A deep navy-indigo canvas where Calibre's tightly tracked sans commands the headlines with compressed 0.90 line-heights, GT Alpina's extralight serif glides in for editor…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewWealthfront just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeFinanceWealthfront
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Wealthfront.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Wealthfront tokens
export const theme = {
  primary: "#4840bb",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Wealthfront opens on a deep, midnight-navy header — — that fills the full viewport and immediately signals that this is not a casual money app. It is a service that takes your port…

Wealthfront · Finance

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Revolut90%

shared styles: Dark, Minimal, Bold · same category: Finance

Solana83%

shared styles: Dark, Cool, Bold · same category: Finance

Plaid83%

shared styles: Dark, Minimal, Cool · same category: Finance

Affirm82%

shared styles: Dark, Minimal, Cool · same category: Finance

Chime82%

shared styles: Dark, Minimal, Cool · same category: Finance

Starling Bank82%

shared styles: Dark, Minimal, Cool · same category: Finance