← Back
Best viewed on a desktop. Please switch to a larger device.

Y2K
/
AURORA

The Future That Was

The aesthetic of the late 1990s and early 2000s - chrome gradients, iridescent surfaces, pill shapes, and the pure optimism of the digital millennium. Revived with modern browser capabilities and Aurora colour palettes.

1999
Origin
Chrome
Signature
Aurora
Palette
// Aurora Gradient
Iridescent Surfaces
Chrome gradients with violet-to-pink aurora shifts
// Pill Shapes
Rounded Everything
border-radius: 999px - the signature Y2K curve language
Online Beta Live
// Chrome + Glass
Translucent Panels
backdrop-filter + semi-transparent backgrounds
Colour

Aurora Palette

Pure saturated hues used as gradients - never flat. The aurora effect blends violet, pink, cyan, and lime across surfaces.

Hot Pink
#FF006E
Primary CTA, glow accents
Violet
#9B06FF
Navigation, UI highlights
Neon Cyan
#00F5FF
Data, links, active
Electric Lime
#AAFF00
Success, status indicators
Deep Void
#08001A
Page background
Type

Type System

Display AURORA 56px · Orbitron Black
Aurora gradient
H1 / Hero SYSTEM ONLINE 32px · Orbitron 700
+0.06em tracking
H2 / Section Next Generation Interface 24px · Chakra Petch 600
Mono / UI Labels SYS_STATUS :: CONNECTED · PORT 8080 13px · Space Mono
+0.12em tracking
Body Body copy in Chakra Petch Light - a modern tech-forward font with just enough geometry to feel futuristic without sacrificing readability. 15px · Chakra Petch 300
1.75 line-height
Components

UI Components

// Buttons

// Inputs

Pill Tags
Design Aurora Y2K Cyber

// Toggles & Progress

Bandwidth 72%
Memory 55%
Upload 88%
Navigation

Navigation Patterns

Primary Navbar
Segmented Tabs
Active tab content loads with a subtle gradient fade transition.
Cards

Card Patterns

✦
Design System
Aurora Identity

Iridescent colour systems for the next generation of digital products.

12 components New
⬡
Interface Kit
Chrome Panels

Glassmorphic and chrome UI components with aurora gradient overlays.

24 elements Beta
◈
Motion System
Liquid Motion

Fluid transitions and aurora shimmer animations for immersive interfaces.

8 animations Live
Layout

Full App Layout

ONLINE
◈Dashboard
✦Explore
⬡Network
⚠Alerts (2)
⚙Settings

// DASHBOARD

4,821
Active Users
↑ 12%
$48.2k
Revenue
↑ 8.4%
99.8%
Uptime
Nominal
2.4ms
Latency
↓ Fast

// TRAFFIC · LAST 7 CYCLES

Principles

Core Principles

01 · GRADIENT LANGUAGE

Never a Flat Colour

Every surface is a gradient - pink-to-violet, violet-to-cyan, or full aurora sweeps. Flat colour is absent from the Y2K vocabulary. The gradient is the voice.

02 · PILL SHAPES

The Rounded Rectangle

border-radius: 999px is the signature form. Pill-shaped buttons, tags, and navigation elements define the Y2K silhouette - soft, friendly, optimistically futuristic.

03 · CHROMATIC DEPTH

Glass and Chrome

Translucent panels with backdrop-filter and chrome-like metallic gradients create the layered, reflective surfaces that defined late-90s digital optimism.

04 · VOID BACKGROUNDS

Dark Canvas Required

Aurora and neon colours only glow against darkness. The deep void background (#08001A) is not optional - it is the canvas on which the palette performs.