← ALL CONCEPTS
AURORA
Your financial life, in complete clarity.
Precise · Modern · Cool · Data-driven

Pure Signal

Near-Black
#080C14
Primary background
Electric Blue
#2D7EF8
Primary accent
Ice White
#EDF4FF
Primary text
Violet
#7B61FF
Secondary accent

Space Grotesk + DM Sans

Pure Signal

Every Data Point Has Meaning

Built for people who think in systems

Aurora strips financial data to its essence. No decoration, no noise — just the numbers that matter, presented with precision. Every pixel on screen is information. Every interaction reveals deeper clarity.

Transaction Analysis

Your spending pattern shifted 12% toward subscriptions this quarter. Aurora identified 3 redundant services totaling €47/month. Tap to review and optimize your recurring expenses.

Mark & Wordmark

AURORA
On Dark
AURORA
On Light
Icon Only

Dashboard Component

Net Worth +3.1% MTD
€127,450
€4,280
This month
8
Accounts

How Clarity Speaks

Onboarding Headline
See everything. Understand instantly.
Push Notification
Spending anomaly detected: €340 above your dining average. View analysis →
Error Message
Connection interrupted. Retrying in 5 seconds. Your data is cached locally.

Do's and Don'ts

Use the blue→violet gradient sparingly — for key interactive elements only
Prioritize data density; show more information, less decoration
Keep language precise and technical — users are smart
Don't use warm colors — everything stays cool-toned
Don't use heavy font weights for headings — light and medium only
Don't add decorative elements that don't convey information

CSS Variables

:root {
  --color-bg: #080C14;
  --color-surface: #0E1320;
  --color-accent: #2D7EF8;
  --color-text: #EDF4FF;
  --color-muted: #5A6A7E;
  --color-violet: #7B61FF;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --radius: 12px;
  --shadow: 0 8px 32px rgba(0,0,0,0.4);
}
← Back to all concepts