Design System
Monochrome surfaces, Satoshi typography, 4px/8px spacing, and shared UI primitives.
Color Tokens
Page canvas
--color-bg-page Monochrome well
--color-bg-subtle Primary ink
--color-text-primary Flux Blue
--color-brand Ahead / Income
--color-positive At risk
--color-warning Expense
--color-negative Dark surface
--color-bg-dark Typography Scale (Satoshi)
.t-hero · 900 · -0.04em Clearer money.
.t-h2 · 900 · -0.03em Budgets that know what day it is.
.t-lead · 400 · max 44ch Log expenses in two taps and see what is safe to spend today.
Shared Primitives
On track Ahead At risk Over Neutral