A curated collection of 314 web design aesthetics — each with a detailed design guide and a standalone HTML/CSS example page.
Every aesthetic includes:
- Design guide (
designs/*.md) — color palettes, typography, layout principles, CSS techniques, and visual references - Working example (
examples/*.html) — a self-contained HTML page demonstrating the aesthetic in practice
Built with pure HTML5/CSS3, Google Fonts, and vanilla JS. No build tools or frameworks required.
| Design | Guide | Example |
|---|---|---|
| 3D Immersive | Guide | Preview |
| 70s Retro | Guide | Preview |
| 8-Bit | Guide | Preview |
| 90s Grunge | Guide | Preview |
| Acid Design | Guide | Preview |
| Afro Baroque | Guide | Preview |
| Afrofuturism | Guide | Preview |
| AI Generative | Guide | Preview |
| American Kitsch | Guide | Preview |
| Analog Warmth | Guide | Preview |
| Angelcore | Guide | Preview |
| Anti Design | Guide | Preview |
| Art Deco | Guide | Preview |
| Art Nouveau | Guide | Preview |
| Arts and Crafts | Guide | Preview |
| Atomic Age | Guide | Preview |
| Aurora Gradient | Guide | Preview |
| Avant Basic | Guide | Preview |
| Avantropop | Guide | Preview |
| Balletcore | Guide | Preview |
| Barbiecore | Guide | Preview |
| Baroque | Guide | Preview |
| Bauhaus | Guide | Preview |
| Bento Grid | Guide | Preview |
| Biedermeier | Guide | Preview |
| Biomorphic | Guide | Preview |
| Biophilic Design | Guide | Preview |
| Blueprint Technical | Guide | Preview |
| Botanical Maximalism | Guide | Preview |
| Bright Tertiaries | Guide | Preview |
| Brutalist Web Design | Guide | Preview |
| Candy Pop | Guide | Preview |
| Card Based Design | Guide | Preview |
| Catholic Kitsch | Guide | Preview |
| Celestialcore | Guide | Preview |
| Chaos Design | Guide | Preview |
| Chicha | Guide | Preview |
| Chinoiserie | Guide | Preview |
| Chromatic Blur | Guide | Preview |
| Chromecore | Guide | Preview |
| Claymorphism | Guide | Preview |
| Clean Girl | Guide | Preview |
| Clovercore | Guide | Preview |
| Cluttercore | Guide | Preview |
| Coastal Grandmother | Guide | Preview |
| Coastal Style | Guide | Preview |
| Color Block | Guide | Preview |
| Colorful Pop | Guide | Preview |
| Concrete Brutalism | Guide | Preview |
| Constructivism | Guide | Preview |
| Coquette | Guide | Preview |
| Corporate Grunge | Guide | Preview |
| Corporate Hippie | Guide | Preview |
| Corporate Memphis | Guide | Preview |
| Cottagecore | Guide | Preview |
| Cozy Gamer | Guide | Preview |
| Craftcore | Guide | Preview |
| Crypto Aesthetic | Guide | Preview |
| Crystal Core | Guide | Preview |
| Cubism | Guide | Preview |
| Curly Girly | Guide | Preview |
| Cute-alism | Guide | Preview |
| Cutecore | Guide | Preview |
| Cyberminimalism | Guide | Preview |
| Cyberpunk | Guide | Preview |
| Cybersigilism | Guide | Preview |
| Czech Cubism | Guide | Preview |
| Dadaism | Guide | Preview |
| Danish Pastel | Guide | Preview |
| Dark Academia | Guide | Preview |
| Dark Aero | Guide | Preview |
| Dark Botanical | Guide | Preview |
| Dark Editorial | Guide | Preview |
| Dark Fantasy | Guide | Preview |
| Dark Futurism | Guide | Preview |
| Dark Luxe | Guide | Preview |
| Dark Mode Neon | Guide | Preview |
| Dark Romance | Guide | Preview |
| Data Viz Art | Guide | Preview |
| De Stijl | Guide | Preview |
| Deconstructivism | Guide | Preview |
| Desert Modern | Guide | Preview |
| Dial Up Delight | Guide | Preview |
| Dieselpunk | Guide | Preview |
| Digital Collage | Guide | Preview |
| Digital Garden | Guide | Preview |
| DIY Punk | Guide | Preview |
| Dollar Store Vernacular | Guide | Preview |
| Dopamine Design | Guide | Preview |
| DORFic | Guide | Preview |
| Dreamcore | Guide | Preview |
| Duotone | Guide | Preview |
| E-girl E-boy | Guide | Preview |
| Early Cyber | Guide | Preview |
| Earth Tones | Guide | Preview |
| Editorial Magazine Layout | Guide | Preview |
| Empire Style | Guide | Preview |
| Ethereal | Guide | Preview |
| Ethnic Chic | Guide | Preview |
| Expressionism | Guide | Preview |
| Factory Pomo | Guide | Preview |
| Fairycore | Guide | Preview |
| FantasY2K | Guide | Preview |
| Festival Marketplace | Guide | Preview |
| Film Noir | Guide | Preview |
| Fitness Splatter | Guide | Preview |
| Flat Design | Guide | Preview |
| Fleischer Style | Guide | Preview |
| Forestcore | Guide | Preview |
| Four Colors | Guide | Preview |
| Frasurbane | Guide | Preview |
| French Provincial Style | Guide | Preview |
| Frosted Touch | Guide | Preview |
| Frutiger Aero | Guide | Preview |
| Frutiger Eco | Guide | Preview |
| Future Primitive | Guide | Preview |
| Futurism | Guide | Preview |
| Gen Z Maximalism | Guide | Preview |
| Generative Pattern | Guide | Preview |
| Geo-Boho | Guide | Preview |
| Geocities | Guide | Preview |
| Geometric Modernism | Guide | Preview |
| Glassmorphism | Guide | Preview |
| Glitch Art | Guide | Preview |
| Global Village Coffeehouse | Guide | Preview |
| Goblincore | Guide | Preview |
| Googie | Guide | Preview |
| Gorpcore | Guide | Preview |
| Gothic | Guide | Preview |
| Gradient Mesh | Guide | Preview |
| Graffiti Pop | Guide | Preview |
| Grain and Grit | Guide | Preview |
| Grandmillennial | Guide | Preview |
| Grocery Girl Fall | Guide | Preview |
| Grotesk Display | Guide | Preview |
| Grunge Revival | Guide | Preview |
| Gustavian | Guide | Preview |
| Hand Drawn | Guide | Preview |
| Hands Up | Guide | Preview |
| Heroic Realism | Guide | Preview |
| Hipness Purgatory | Guide | Preview |
| Hollywood Regency | Guide | Preview |
| Holographic UI | Guide | Preview |
| Honeycore | Guide | Preview |
| Human Scribble | Guide | Preview |
| Hygge | Guide | Preview |
| Indie Sleaze | Guide | Preview |
| Industrial Gothic | Guide | Preview |
| Ink Wash | Guide | Preview |
| International Typographic Style | Guide | Preview |
| Iridescent | Guide | Preview |
| Isometric Design | Guide | Preview |
| Italo Disco | Guide | Preview |
| Japandi | Guide | Preview |
| Jiggy Era | Guide | Preview |
| Kid Science | Guide | Preview |
| Kidcore | Guide | Preview |
| Kinetic Typography | Guide | Preview |
| Kinfolk | Guide | Preview |
| Laser Grid | Guide | Preview |
| Light Academia | Guide | Preview |
| Light Skeuomorphism | Guide | Preview |
| Ligne Claire | Guide | Preview |
| Liminal Space | Guide | Preview |
| Liquid Fluid Design | Guide | Preview |
| Liquid Glass | Guide | Preview |
| Liquid Metal | Guide | Preview |
| Live Laugh Love | Guide | Preview |
| Low Poly | Guide | Preview |
| Lush Velvet | Guide | Preview |
| Luxury Minimalism | Guide | Preview |
| Mallsoft | Guide | Preview |
| Manguebeat | Guide | Preview |
| Material Design | Guide | Preview |
| Maximalism | Guide | Preview |
| Medievalcore | Guide | Preview |
| Mediterranean | Guide | Preview |
| Memphis Design | Guide | Preview |
| Memphis Lite | Guide | Preview |
| Metalheart | Guide | Preview |
| Metro Design | Guide | Preview |
| Microinteraction Design | Guide | Preview |
| Mid-Century Modern | Guide | Preview |
| Minimalism | Guide | Preview |
| Mission School | Guide | Preview |
| Mixed Media | Guide | Preview |
| Mob Wife | Guide | Preview |
| Modernisme | Guide | Preview |
| Monochrome Luxe | Guide | Preview |
| Monoline Illustration | Guide | Preview |
| Moody Maximalism | Guide | Preview |
| Moss Punk | Guide | Preview |
| Nature Distilled | Guide | Preview |
| Nautical | Guide | Preview |
| Neo Deco | Guide | Preview |
| Neo Minimalism | Guide | Preview |
| Neo Pop | Guide | Preview |
| Neo-Vectorheart | Guide | Preview |
| Neoclassicism | Guide | Preview |
| Neon Gothic | Guide | Preview |
| Neon Ooze | Guide | Preview |
| Neubrutalism | Guide | Preview |
| Neumorphism | Guide | Preview |
| New Objectivity | Guide | Preview |
| New Wave | Guide | Preview |
| Noir Deco | Guide | Preview |
| Noir Minimalism | Guide | Preview |
| Nordic Noir | Guide | Preview |
| Old Money | Guide | Preview |
| Op Art | Guide | Preview |
| Organic Modern | Guide | Preview |
| Ostalgie | Guide | Preview |
| Paper Cut | Guide | Preview |
| Parallax Design | Guide | Preview |
| Parisian Girly | Guide | Preview |
| Pastel Brutalism | Guide | Preview |
| Pastel Goth | Guide | Preview |
| PC-98 | Guide | Preview |
| Pen and Pixel | Guide | Preview |
| Pixel Noir | Guide | Preview |
| Plakatstil | Guide | Preview |
| Pointillism | Guide | Preview |
| Polish Poster School | Guide | Preview |
| Polychrome | Guide | Preview |
| Pop Art | Guide | Preview |
| Pop Surrealism | Guide | Preview |
| Positivity Kawaii | Guide | Preview |
| Post Digital | Guide | Preview |
| Poster Gal | Guide | Preview |
| Psychedelic | Guide | Preview |
| Puppycore | Guide | Preview |
| Quiet Luxury | Guide | Preview |
| Radical Design | Guide | Preview |
| Raw Industrial | Guide | Preview |
| Raygun Gothic | Guide | Preview |
| Recession Pop | Guide | Preview |
| Regencycore | Guide | Preview |
| Resonant Stark | Guide | Preview |
| Retro Anime | Guide | Preview |
| Retro Computing | Guide | Preview |
| Retro Diner | Guide | Preview |
| Retro Futurism | Guide | Preview |
| RGB Gamer | Guide | Preview |
| Risograph | Guide | Preview |
| Rocker Grrl Diva | Guide | Preview |
| Rococo | Guide | Preview |
| Romanticism | Guide | Preview |
| Rustic Modern | Guide | Preview |
| Sacred Geometry | Guide | Preview |
| Scandi Boho | Guide | Preview |
| Scandinavian Dark | Guide | Preview |
| Scandinavian Design | Guide | Preview |
| Sci-Fi Interface | Guide | Preview |
| Scrapbook | Guide | Preview |
| Scrollytelling | Guide | Preview |
| Seiz Breur | Guide | Preview |
| Shabby Chic | Guide | Preview |
| Shoe Diva | Guide | Preview |
| Silicon Dreams | Guide | Preview |
| Skeuomorphism | Guide | Preview |
| Snug Simple | Guide | Preview |
| Soft Countriana | Guide | Preview |
| Soft Gradient | Guide | Preview |
| Solarpunk | Guide | Preview |
| Space Age | Guide | Preview |
| Spatial UI | Guide | Preview |
| Split Screen | Guide | Preview |
| Stained Glass | Guide | Preview |
| Steampunk | Guide | Preview |
| Streamline Moderne | Guide | Preview |
| Streetwear | Guide | Preview |
| Sunset Gradient | Guide | Preview |
| Superflat Pop | Guide | Preview |
| Supergraphic Ultramodern | Guide | Preview |
| Suprematism | Guide | Preview |
| Surrealism | Guide | Preview |
| Synthwave | Guide | Preview |
| Tech Noir | Guide | Preview |
| Techno Minimalism | Guide | Preview |
| Teenpunk | Guide | Preview |
| Terminal CLI Aesthetic | Guide | Preview |
| Textured Minimalism | Guide | Preview |
| Tranquil Serenity | Guide | Preview |
| Trinketcore | Guide | Preview |
| Tropical Maximalism | Guide | Preview |
| Tropideco | Guide | Preview |
| Tuscan Rustic | Guide | Preview |
| Typographic Brutalism | Guide | Preview |
| Ukiyo-e | Guide | Preview |
| UrBling | Guide | Preview |
| Vaporwave | Guide | Preview |
| Variable Typography | Guide | Preview |
| Vector Musica | Guide | Preview |
| Vectorbloom | Guide | Preview |
| Vectordelia | Guide | Preview |
| Victorian | Guide | Preview |
| Vintage Botanical | Guide | Preview |
| Vintage British Sportsman | Guide | Preview |
| VSCO | Guide | Preview |
| Wabi-Sabi | Guide | Preview |
| Wacky Pomo | Guide | Preview |
| Warm Industrial | Guide | Preview |
| Web 2.0 | Guide | Preview |
| Weirdcore | Guide | Preview |
| Wes Anderson | Guide | Preview |
| Western Frontier | Guide | Preview |
| Whimsigothic | Guide | Preview |
| Windows 95/98 | Guide | Preview |
| Wireframe Aesthetic | Guide | Preview |
| Witchcore | Guide | Preview |
| Y2K Futurism | Guide | Preview |
| Y2K Glam | Guide | Preview |
| Y3K Hyperfuturism | Guide | Preview |
| Zen Garden | Guide | Preview |
MIT