Vapor Pastel
Pink-to-cyan sunsets, marble columns and lo-fi calm from an empty 1990s mall.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
A pastel dream of a shopping atrium at closing time: pink and lavender skies fading to cyan, a perspective grid underfoot, marble fragments and palm leaves floating in still water. Classical serif headlines in italic, soft pill buttons, and everything slightly slowed down.
Vapor Pastel borrows from 2010s vaporwave and its fascination with 1990s consumer culture: empty mall atriums, early CGI, marble statuary, palm trees and the pastel sunset gradients of hotel brochures. The palette is pink, lavender and cyan; the mood is suspended and slightly melancholic. A classical display serif in italic gives the irony of antiquity, while a soft, rounded sans keeps it readable. A faint perspective grid sits underfoot. It should feel dreamy, slow and gently surreal.
Principles
- Slow everything down: long durations, soft easing, blur-in entrances.
- The sky gradient is the brand — pink to lavender to cyan.
- Classical serif headlines with one italic word for irony.
- Marble, water and palms are the only props.
- Leave a lot of empty pastel space; the vibe is vacancy.
Motion
Everything arrives slowly through a soft blur, as if half asleep. The sky gradient behind the hero breathes between pink and cyan over 20 seconds, and the marquee scrolls track names at walking pace.
Do & don't
Do
- ✓ Use durations of 1000–1400ms for entrances.
- ✓ Italicise exactly one word per headline.
- ✓ Use the sky gradient behind the hero and CTA band.
Don't
- ✕ Don't use hard shadows or thick borders.
- ✕ Don't use saturated primaries.
- ✕ Don't show statues with faces.
+ 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 — 371 lines of DESIGN.md in total.
More like this
All Neo-Retro →
Y2K Chrome
No. 038Liquid chrome, bubble shapes and frosted-blue gadgets from the year 2000.
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.