Y2K Chrome
Liquid chrome, bubble shapes and frosted-blue gadgets from the year 2000.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
The millennium imagined the future as liquid metal and translucent plastic, and this style takes it at its word. Chrome-gradient headlines, bubble-rounded glass cards, an icy blue canvas with soft aurora blooms and a single electric-blue button. Optimistic, shiny and a little bit toy.
Y2K Chrome revives the turn-of-the-millennium belief that the future would be translucent, bubbly and made of liquid metal: frosted-blue gadget shells, chrome type on music packaging, iridescent CD surfaces and early 3D product renders. The canvas is an icy blue-white with soft aurora blooms; cards are frosted glass with 28px radii; headlines carry a metallic gradient that catches the light. A single electric blue handles actions while bubblegum pink and lime appear as tiny highlights. It should feel optimistic, glossy and collectible.
Principles
- Chrome belongs on display type and one hero object only.
- Round everything like a bubble: 28px cards, pill buttons.
- Frost, don't flatten — cards are translucent white over aurora.
- Electric blue for actions; pink and lime as tiny sparks.
- Show the product as a glossy 3D render floating in space.
Motion
Headlines sharpen from a 12px blur while their chrome gradient slowly pans left to right over 6 seconds, like light sliding across a polished case. Cards bloom a pale blue glow on hover.
Do & don't
Do
- ✓ Pan the chrome gradient slowly across the h1.
- ✓ Float the hero render with a soft shadow below it.
- ✓ Keep aurora blooms pale and behind content.
Don't
- ✕ Don't apply chrome to body text or buttons.
- ✕ Don't use sharp corners.
- ✕ Don't use dark mode — this future is daylight.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 376 lines of DESIGN.md in total.
More like this
All Neo-Retro →
Atomic Modern
No. 058Teal, mustard and teak with starbursts and boomerangs: 1956 at its most optimistic.
Beige Desktop
No. 059Bevelled grey windows, navy title bars and a pixel font: the 90s desktop as a website.
Checker Diner
No. 060Cherry red, cream vinyl and a checkerboard floor: a roadside diner menu, open late.
Gilded Deco
No. 061Black lacquer, gold leaf and sunburst geometry from a 1920s grand hotel lobby.
Pixel Arcade
No. 0628-bit type, stepped pixel borders and coin-yellow buttons. Insert coin to continue.
Riso Overprint
No. 063Fluorescent pink and riso blue, overprinted slightly out of register on cream stock.