Home
DESIGN.mdStar on GitHub

Radically different banking

Everything you do with money, all in one place — banking that transforms how you operate.

Colors
Brand · one periwinkle-indigo
Surfaces · light-first (bright & calm)
Text
Functional signals · money movement, not brand
Typography
Arcadia ≈ Hanken / 600
Display · 53px
Radically different banking
≈ Hanken
≈ Hanken / 600 · tabular
Balance figure · 40px
$284,350.18
tabular-nums
≈ Hanken / 400
UI · body · 15px
Everything you do with money, all in one place.
≈ Hanken
IBM Plex Mono / 400
Meta · account no. · 12px
ACH ·· 021000021 · ·· 4921
Plex Mono
Signature · Banking dashboard
Search transactions
Accounts
Checking ·· 4921
$0
Transactions

Send money

From Checking ·· 4921
Switch accounts, change the chart range (1W–1Y), hover the line for the balance on a date, or Send money — the transfer posts, the balance dips, the chart follows. Deterministic.
Components
Buttons
Balances · tabular
Checking
$284,350.18
Treasury · APY 4.11%
$3,840,219.55
Search
Radius
16 card
10 btn
pill
Guardrails
Do
Keep a bright near-white canvas with generous whitespace and one periwinkle-indigo.
Set the whole system in Arcadia (≈ Hanken Grotesk); use tabular numerals for all money.
Reserve the soft dawn gradient for marketing heroes; keep product clean & monochrome + indigo.
Show money as inflow green / outflow ink — spending is normal, not alarming.
Keep charts smooth & quiet with a subtle hover crosshair; let numbers lead.
Don't
Crowd the UI — Mercury's calm comes from space.
Add a second brand hue, or make the gradient loud / neon.
Color ordinary spending red — red is for declines / attention only.
Set figures non-tabular so columns jitter.
Swap the ornate seal mark for a generic bank / card icon.