Design system

Calm, premium, unopinionated where it matters.

Every component is built on a small set of tokens defined in src/styles.css. Change a token, and the entire product moves with it — in both light and dark.

Tokens

The whole system, in eight surfaces and one accent.

background
Canvas
surface
Cards
surface-2
Insets, hovers
muted
Deemphasized
primary
Accent
success
Positive
warning
Attention
destructive
Danger

Typography

Two families, six sizes, honest hierarchy.

Display · Instrument Serif

Marketing, in plain English.

H1 · Inter 600

Weekly performance is stable.

H2 · Inter 600

Three things worth your attention

Body · Inter 400

Revenue held steady week over week. Meta ads are pulling their weight — reactivating the Spring Sale creative could add about $1,200 next week with high confidence.

Small · Inter 400

Based on 8 weeks of data. Last synced 2 minutes ago.

Mono · JetBrains Mono

$18,420.00 · +4.2% WoW

Buttons

One primitive, five variants, four sizes.

Cards

Hairline border + soft elevation. Never a shadow alone.

Weekly revenue
$18,420
+4.2% vs last week
Recommendation
Reactivate the Spring Sale ad

It drove your best week in the last two months. Turning it back on could add about $1,200 in revenue over the next 7 days.

High confidence
Meta Ads

Inputs

Predictable focus ring, aligned to the accent.

Sundays at 8am, your local time.

You can revoke access anytime.

Charts

Sparklines earn their place. Anything else must justify a pixel.

Revenue · last 8 weeks
$142,180
Ad spend efficiency
2.4× return
Meta Ads3.1×
Google Ads1.8×

Tables

Left-align text, right-align numbers, always tabular figures.

CampaignSpendRevenueReturnStatus
Spring Sale — Meta$1,240$3,8443.1×
Active
Brand — Google$820$1,4761.8×
Active
Retargeting — Meta$410$9022.2×
Paused
Newsletter — Mailchimp$0$610
Sent

Dialogs & Tooltips

Interruptive UI reserved for confirmations and destructive intents.

Notifications

Toasts + inline alerts. No banners users have to dismiss.

Empty states

Explain what's missing. Offer the one action that unlocks value.

No reports yet

Connect at least one marketing account and we'll write your first weekly report by Sunday.

Loading states

Skeletons match final layout. Spinners only when we truly can't.

Analyzing your last 8 weeks…