A
ARTIFX
DarkGradientAtmosphericCosmic2021–Present#19 · Dark

Aurora UI

Deep navy backgrounds with shimmering aurora borealis gradients in green, purple, and teal. Dark, cosmic, and breathtakingly atmospheric.

Live Preview
Real components, rendered in the Aurora UI style.

Everything you see below — buttons, cards, type and colour — is this theme applied live, so you know exactly how your product would feel.

Component Card
Uses the real Aurora UI tokens — not a stock image.

Color Palette

Deep Navy
#0B1426
Aurora Green
#00C896
Aurora Purple
#7B2FBE
Aurora Teal
#00B4D8
Soft White
#E0F4FF

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
UI/UX
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Dev
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Docs
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Dark
Aurora UI
Deep navy backgrounds with shimmering aurora borealis g...
Feature Card
Component example in this style

What Defines This Style

The signature details that make Aurora UI instantly recognisable.

01

Deep navy or midnight blue base (#0B1426)

02

Aurora gradient: green → purple → teal in soft sweeps

03

Dark glass-like cards with subtle glow

04

High contrast white text on dark surfaces

05

Subtle particle or starfield background effects

Industries & Business Models

Aurora UI works best for these industries

🤖
AI & SaaS
Cognitive AI & Enterprise SaaS Systems
Explore Models →
🎨
Creator Economy
Digital Media Monetization Engines
Explore Models →
💰
Finance / FinTech
Financial Ingestion & Ledgers Technology
Explore Models →
19 / 86 styles