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.

Glass + Aurora UI style preview
Sample PreviewGlass + Aurora UI aesthetic

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
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
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

Key Characteristics

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