Choose Your Aesthetic.
A definitive visual guide to 20 foundational and emerging web design styles. Curated for modern creators and visionary designers.
💼 Clean & Soft
Minimalism
1. Minimal
- Pure functional simplicity through negative space.
2. Modern SaaS
- Clean, high-readability interface for digital products.
3. Glassmorphism
- Layered translucency with vibrant color depth.
PROCESSING MODEL...
10. AI Native
- Generative patterns and intelligent node-based UI.
The Heritage
Paris • Milan • London
11. Luxury Editorial
- Sophisticated serif typography and muted palettes.
ESTATE
12. Dark Luxury
- Refined gold accents on deep charcoal foundations.
🌌 Experimental & Immersive
4. Liquid Glass
- Organic refractive distortions and mesh gradients.
RAW
TYPE
5. Neobrutalism
- Raw, high-contrast layouts with bold shadows.
6. Claymorphism
- Tactile, soft-shadowed 3D UI elements.
ETHEREAL
7. Aurora
- Ethereal atmospheric gradients on dark foundations.
AUTH_SECURED
8. Cyberpunk
- Neon-infused technical aesthetics and dark grids.
COORDS: 0.23,
44.1, 9.0
9. Futuristic 4D
- Immersive 3D depth and glowing spatial UI.
💥 Bold & Editorial
S
Grid System
Baseline 01
Baseline 01
GRID
ORDER
13. Swiss
- Mathematical grid precision and bold typography.
Breaking the Grid: The New Narrative
14. Editorial
- Narrative-driven multi-column textual layouts.
15. Memphis
- Eclectic geometric shapes and playful patterns.
CHROME_BROWSER.exe
16. Y2K
- High-gloss chrome and retro-futuristic tech.
JET AGE v.1962
17. Retro Futurism
- Mid-century sci-fi aesthetics and grainy textures.
18. 3D Illustration
- Friendly, soft-shaded characters and depth.
19. Organic
- Earth-toned palettes and hand-drawn shapes.
✨
🎨
ACTION
20. Playful
- Bouncy micro-interactions and expressive emojis.
🎛️ Modern UI & Interactions
21. Bento Box UI
- Apple-style segmented cards and widgets with distinct border radii.
22. Skeuomorphism
- Realistic materials, leather, metal, and lighting (classic iOS style).
23. Neumorphism
- Soft, extruded monochromatic UI elements with inner/outer shadows.
24. Material You (MD3)
- Google's dynamic color system, pill-shaped buttons, and playful scaling.
25. Fluent Design
- Microsoft's acrylic blur, light reveals, and deep layering.
26. Pure Dark Mode
- OLED-friendly absolute blacks with high-contrast glowing accents.
27. Monochrome
- A single hue with varying levels of lightness and saturation for a sleek look.
28. Frutiger Aero
- 2000s glossy, aquatic themes with water drops, auroras, and green/blue palettes.
29. Flat Design 2.0
- Solid colors with subtle depth, soft drop shadows, and clean vectors.
30. Holographic UI
- Iridescent, shimmering materials and multi-color metallic gradients.
📼 Retro & Nostalgia
31. 80s Synthwave
- Neon grids, outrun sunsets, chrome text, and magenta/cyan palettes.
Welcome!
Click Here
32. 90s Web
- Marquees, web-safe colors, chaotic layouts, and visible table borders.
OK
33. Vaporwave
- Pastel pinks, Roman statues, glitch effects, and Windows 95 aesthetics.
34. Pixel Art
- 8-bit typography, nostalgic gaming aesthetics, and blocky borders.
35. Bauhaus
- Primary colors (red, blue, yellow), functional geometry, and bold typography.
36. Art Deco
- Gold accents, geometric luxury, and Great Gatsby-era elegance.
POW!
37. Pop Art
- Comic book halftone patterns, bold black outlines, and vibrant solid colors.
Riot
38. Grunge
- Distressed textures, torn paper edges, and chaotic typography.
39. Steampunk
- Brass, gears, clockwork mechanics, and Victorian industrial elements.
Dear User,
This is a test.
_
40. Typewriter/Print
- Monospaced fonts, ink bleed textures, and off-white paper backgrounds.
🎨 Artistic & Expressive
41. Watercolor
- Soft bleeds, natural pigment textures, and fluid edges.
Sketch
42. Hand-Drawn
- Doodles, irregular borders, and sketch-like illustrations.
CUT & PASTE
43. Collage
- Cut-out photography, mixed media, and ransom-note text.
TRIP
44. Psychedelic
- Swirling colors, optical illusions, and warped typography.
MOVE MOVE MOVE MOVE
45. Kinetic Typography
- Moving, animated text functioning as the primary design element.
CLICK
46. Brutalist Web
- Raw, unstyled HTML default look, massive blue links, and exposed structure.
47. Low Poly
- Faceted 3D geometry and sharp, colorful triangle meshes.
48. Papercraft
- Origami forms, folded elements, and layered realistic drop shadows.
49. Isometric
- Angled 3D grid perspective, miniature world feel.
50. Line Art
- Continuous minimalist drawing, thin elegant strokes.
🌿 Nature & Elements
51. Botanical
- Leaf motifs, lush greens, and floral accents.
52. Oceanic
- Deep blues, fluid wave shapes, and underwater lighting.
53. Earthy/Desert
- Terracotta, sand textures, and warm, dry palettes.
54. Cosmic/Space
- Stars, nebulae, deep void backgrounds, and glowing celestial bodies.
55. Zen/Wabi-Sabi
- Imperfect, natural, calm, with expansive negative space.
56. Frosted Glass
- Wintery, crisp, icy translucency with cool tones.
57. Tropical
- Vibrant jungle colors, bold flora, and high-contrast saturation.
58. Ethereal Cloud
- Fluffy, white, airy atmosphere with soft lighting.
59. Volcanic
- Magma glows, intense red/black contrasts, and ash textures.
60. Biophilic
- Integrating natural organic elements directly into digital UI components.
🚀 Tech & Sci-Fi
ERROR
ERROR
ERROR
61. Glitch Art
- Chromatic aberration, data corruption, and RGB splitting.
root@system:~# ./start
Loading modules...
Done_
62. Terminal/CLI
- Green text on black background, hacker aesthetic, blinking cursors.
63. HUD/Military
- Crosshairs, data overlays, technical readouts, and targeting brackets.
HEADER
CONTENT
64. Wireframe UI
- Blueprint style, technical outlines, showing the "skeleton" of the app.
65. Outrun/Cyber-Grid
- Glowing neon floor grids converging to a vanishing point.
66. Quantum Tech
- Abstract floating particles, glowing nodes, and connected networks.
ACCESS DENIED
0x00A1: FF E0 1A...
0x00A2: 10 A4 5C...
0x00A3: B7 00 11...
67. Cyber Sec
- Red/Black warning colors, secure locks, and hex dumps.
68. Matrix Code
- Falling green characters, digital rain, and green phosphor glow.
69. Sci-Fi Hologram
- Blue/Cyan translucent projections with scanlines.
70. Mecha/Industrial
- Heavy metal panels, yellow warning stripes, and mechanical details.
🎪 Thematic & Niche
🕇
71. Gothic
- Dark, ornate, medieval themes with blackletter typography.
OPEN
72. Neon Signage
- Dark brick background textures with glowing, colored tube text.
Menu
73. Chalkboard
- Dusty slate backgrounds with chalk-like typography and smudges.
SCALE 1:100
74. Blueprint
- Cyan paper backgrounds with technical white architectural lines.
Memories
75. Scrapbook
- Washi tape, polaroid frames, and pinned notes.
76. Stained Glass
- Colorful fragmented segments with heavy black leading.
INSERT
COIN
PRESS START
77. Arcade
- Coin-op aesthetics, pixel fonts, and bright LED dot-matrix styles.
♠
78. Casino
- Red velvet textures, gold trim, and flashing marquee lights.
THE DAILY
79. Newspaper
- Broadsheet column layouts, serif headlines, and monochrome printing.
Once upon
a time...
✦
✧
80. Fairy Tale
- Whimsical, storybook textures, magic sparkles, and elegant script.
🌍 Global & Cultural
81. Scandi-Minimal
- Nordic design, pale wood colors, and expansive white space.
82. Kawaii
- Cute, pastel colors, and Japanese pop culture aesthetics.
印
道
83. Oriental/Wuxia
- Brush strokes, red and gold accents, ink wash textures.
84. Mediterranean
- Terracotta, azure blue, and mosaic tile patterns.
85. Tribal/Ethno
- Geometric patterns and warm earth tones.
86. Bollywood
- Vibrant colors, gold trims, and ornate details.
WANTED
👤
87. Wild West
- Wanted posters, wood grain, leather textures.
88. Victorian
- Ornate damask patterns, brass, filigree.
IDOL
89. K-Pop
- High energy, neon accents, slick modern layouts.
📲 Download App (Famous Page Clones)
Download
91. ChatGPT Download
- Sleek dark mode, an animated AI-native glowing orb, minimal copy, and high-contrast white "Download" buttons.
92. Arc Browser Download
- A vibrant "bento box" layout, colorful smooth gradients, glassmorphic floating elements, and buttery scroll animations.
Download Free
93. Spotify Download
- Deep dark gradient backgrounds, vibrant neon green accent buttons, and large, immersive artist imagery.
N
Your wiki, docs, & projects.
Download for Mac
94. Notion Download
- Clean monochrome layout, generous whitespace, and quirky black-and-white line-art illustrations.
Download for Mac
95. Discord Download
- The signature "Blurple" theme, playful animated blobs, and a gamer-centric community focus.
DOWNLOAD
96. Slack Download
- Enterprise-friendly, clean white and aubergine purple, highly organized grid layout, and trusted corporate branding.
GET THE APP
97. Duolingo Download
- Highly gamified, bright flat colors (neon green/yellow), rounded bouncy buttons, and mascot-driven (Duo the owl) UI.
Download for macOS
brew install --cask raycast
98. Raycast Download
- Ultra-minimalist developer focus, macOS native feel, terminal-like interactions, and absolute precision.
Sign Up to Download
99. Robinhood Download
- Financial tech aesthetic, neon green lines on a pristine white background, sleek simplicity, and data visualization.
Download Linear
100. Linear Download
- Hyper-polished dark theme, subtle purple glows, starry backgrounds, and intense focus on speed and keyboard shortcuts.