Fintech Dashboard

Clean, modern money UI: dark navy surfaces, tabular figures, sparklines, and strict green-up/red-down semantics. KPI cards, time-series charts, and dense tables organized under a slim sidebar — the language of Stripe, Robinhood, and Mercury.

Primary action

Card

Signature element

A row of KPI cards, each with a small uppercase label, a large tabular-figure value, and a signed delta chip (▲ +2.4% in green, ▼ −1.1% in red) above an inline sparkline.

Palette

bg
#0b0e14
surface
#161b26
surface-raised
#1d2434
text
#e6e9ef
text-muted
#8b93a7
accent
#635bff
positive
#16c784
negative
#ea3943
border
#232a3a
bg-light
#f7f9fc