A
ARTIFX
GlassAuroraDarkAtmospheric2022–Present#50 · Morphism

Glass + Aurora UI

The best of both — glassmorphic panels floating over an aurora borealis backdrop. Northern lights meet translucency in a breathtaking combination.

Live Preview
Real components, rendered in the Glass + 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 Glass + Aurora UI tokens — not a stock image.

Color Palette

Midnight
#080E1E
Aurora Green
#00F5A0
Aurora Purple
#9B59B6
Aurora Teal
#00D2FF
Glass
rgba(255,255,255,0.1…

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
Glass
Glass + Aurora UI
The best of both — glassmorphic panels floating over an...
Feature Card
Component example in this style

What Defines This Style

The signature details that make Glass + Aurora UI instantly recognisable.

01

Aurora gradient background (green-teal-purple sweeps)

02

Cards use backdrop-blur: 24px over the aurora

03

Panels glow subtly at edges matching aurora hues

04

High contrast white text stands against dark areas

05

Occasional particle or star-field overlay

Industries & Business Models

Glass + Aurora UI works best for these industries

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