Y2K

Design System

Chrome surfaces, bubble interfaces, and iridescent optimism from the digital frontier of 2000.

01

Color Palette

Silver chrome anchors the system, accented by hot pink cyber-tones and iridescent color shifts that shimmer between pink, blue, and purple. Translucent whites evoke the era's love of see-through plastic.

Chrome
#C0C0C0
Chrome Light
#E8E8E8
Hot Pink
#FF69B4
Cyber Pink
#FF1493
Electric Blue
#00BFFF
Aqua
#00E5FF
Lavender
#B39DDB
Lilac
#CE93D8
Iridescent
Gradient
Deep Space
#0D0221
02

Typography

Rounded, bubbly typefaces channel the era's optimistic futurism. Display text gleams in chrome; body copy stays clean and legible with soft, approachable letterforms.

Display Righteous / 4.5rem / 400
Future Loading...
Heading 1 Comfortaa / 2.5rem / 700
Welcome to the Millennium
Heading 2 Comfortaa / 1.75rem / 600
Everything is Connected
Body Quicksand / 1rem / 400

The dawn of a new millennium brought boundless optimism about technology. Shiny interfaces, translucent gadgets, and chrome-plated everything promised a future where digital life would be sleek, fun, and endlessly connected. We believed the internet would unite us, our phones would get smarter, and every surface would gleam with possibility.

Caption Quicksand / 0.8rem / 300

System status: Online. Connection speed: 56kbps. Future outlook: Unlimited. The network expands, pixel by pixel, screen by glowing screen.

03

Spacing

A geometric scale built on 4px base units. Each step doubles or grows by 50%, creating rhythm across bubble-shaped components and chrome panels.

XS
4px
SM
8px
MD
16px
LG
24px
XL
32px
2XL
48px
3XL
64px
4XL
96px
04

Buttons

Pill-shaped buttons with glossy highlights evoke the inflated, tactile interfaces of early-2000s software. Chrome and iridescent variants expand the visual vocabulary.

Primary
Secondary (Chrome)
Outline
Variants
Disabled
05

Forms

Frosted-glass inputs with rounded pill shapes and glowing focus states. Form elements feel touchable and dimensional, like translucent plastic controls.

06

Cards & Panels

Three card styles capture different facets of Y2K: chrome metallic surfaces, translucent bubble glass, and shimmering iridescent borders.

📱

Mobile Revolution

Flip phones with chrome bezels and translucent cases. Snake on every screen. The future fits in your pocket.

💻

Dot-Com Dreams

Every idea gets a website. Digital storefronts bloom across the web like chrome flowers in an infinite garden.

🎵

Digital Sound

MP3 players with brushed-metal interfaces. Music goes digital. A thousand songs on a device that gleams.

Transparent Tech

See-through iMacs, translucent Game Boys, and crystal-clear gadgets. The future is meant to be looked through, not just at.

Cyber Cafes

Neon-lit rooms with rows of glowing monitors. The gateway to the world wide web, one dial-up connection at a time.

Holographic Interface

Shifting colors catch the light as you move. This iridescent border treatment reflects the era's fascination with holographic stickers, CD-ROM surfaces, and foil trading cards.

Digital Utopia

Information wants to be free. The network expands every second. We are building a world where geography dissolves and everyone is one click away from everything.

07

Alerts & Notifications

System notifications with frosted backgrounds and rounded corners. Each state uses a distinct color from the Y2K palette to signal its intent.

📡
System Update Available

A new version of the interface is ready to download. Enhanced chrome rendering and improved bubble physics included.

Connection Established

You are now online. Welcome to the World Wide Web. Your digital identity has been synchronized across all nodes.

⚠️
Bandwidth Limit Approaching

Your dial-up connection is approaching its download threshold. Consider upgrading to broadband for an enhanced experience.

🚨
Y2K Bug Detected

Date overflow error in the temporal matrix. Please verify your system clock and ensure all millennium patches have been applied.