← Back

Cosmos

The whole picture. Always.
Vast·Intelligent·Connected·Deep·Clear

01 — The Logo Mark

Gradient hero mark
Aurora
Horizontal lockup — product use
Mark on light
Small sizes — 32px, 20px, 14px

02 — Color Palette

Deep Space
#080010
Primary background
Nebula Surface
#0F0820
Cards, surfaces
Aurora Green
#00D4A0
Primary accent
Cosmos Violet
#9B6DFF
Secondary accent, gradients
White
#FFFFFF
Primary text

03 — Typography

Heading — Outfit 700
The Financial Universe
Heading 2 — Outfit 600
Every Connection Visible
Heading 3 — Outfit 500
Cross-Account Intelligence
Body — Inter 400
Aurora sees what you can't — the invisible threads connecting your accounts, your spending patterns, your financial trajectory. Every data point is a star in your financial constellation. Together, they form a picture of extraordinary clarity.
Data treatment
€127,450.00
Google Fonts import
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

04 — Financial UI

Net Worth
€127,450
+4.2% this month
3.2 months of runway secured

05 — Brand in Context

App Icon
App Navigation
Notification
Aurora · just now
Your complete financial picture updated. 12 accounts in sync.

06 — Brand Voice

Onboarding
Welcome to the whole picture. Connect your first account — Aurora will map the rest. Every account, every asset, every pattern — one unified view of your financial universe.
Push Notification
Your financial constellation just shifted. Net worth crossed €130,000 — a new milestone in your trajectory.
Error State
One connection lost. 11 of 12 accounts remain in sync. We're re-establishing the link — your picture is still clear.

07 — CSS Variable Spec

:root { --color-bg: #080010; --color-surface: #0F0820; --color-accent: #00D4A0; --color-accent-2: #9B6DFF; --color-text: #FFFFFF; --color-muted: rgba(255,255,255,0.4); --font-heading: 'Outfit', sans-serif; --font-body: 'Inter', sans-serif; --radius-sm: 6px; --radius-md: 12px; --shadow-card: 0 8px 32px rgba(0,0,0,0.6); }