Minimalism & Swiss Style
Clean, grid-based design with generous whitespace and typography-first approach.
rigorous grid systems, generous whitespace, massive typography — Monochrome palette with one bold accent. Characterful grotesque sans-serif, asymmetric magazine layout, sharp corners, thin 1px borders, razor-sharp hierarchy.
Neumorphism
Soft UI with embossed elements, multi-layer shadows, and tactile press effects.
monochromatic palette, extruded elements, multiple drop shadows — Elements appear pushed out from the surface using soft inner/outer shadows for depth. Rounded sans-serif fonts, pill-shaped buttons that look "pressed in" when active.
Glassmorphism
Frosted glass effects with backdrop blur, vibrant gradients, and layered translucency.
dark vibrant background, animated mesh gradients, frosted glass cards — UI on backdrop-filter blur with semi-transparent white, 1px white borders. Deep void background with neon accents (Purple, Cyan, Magenta), floating layers.
Brutalism
Raw, unpolished aesthetic with high contrast, bold typography, and intentional asymmetry.
raw, aggressive, high-contrast aesthetics — Thick black borders (3-4px), hard drop shadows, clashing colors (Neon Yellow on Black). Monospace mixed with display fonts, masonry/broken grid layout, exposed structure.
Claymorphism
Chunky 3D elements with double shadows, pastel colors, and squishy interactions.
inflated 3D clay, marshmallow shapes floating in space — Candy pastels (Mint, Pink, Lilac) on cream background. Bouncy rounded typography, floating 3D elements, inner + outer shadows, squishy press effects.
Aurora / Mesh Gradient
Flowing northern lights effects with animated mesh gradients and luminous colors.
slow-moving breathing blobs of color (Teal, Violet, Magenta) — Ethereal mesh gradient effect. High-contrast serif paired with clean sans, floating glass-like overlays, subtle breathing animations, layered translucency.
Retro-Futurism / Cyberpunk
Neon glows, CRT scanlines, glitch effects, and chrome text inspired by 80s sci-fi.
deep black with aggressive neon accents (Cyan, Hot Pink, Acid Green) — CRT scanlines, glitch text effects, HUD elements. Futuristic display fonts, angular corners, glowing borders, chromatic aberration.
3D Hyperrealism
Realistic textures, metallic finishes, and physics-based lighting with CSS 3D transforms.
realistic textures (Brushed Titanium, Carbon Fiber, Optical Glass) — Cinematic lighting with Gunmetal Grey/Silver palette. Technical wide sans-serif, skeuomorphic switches, lens flares, physics-based motion.
Vibrant Block / Maximalist
Bold color blocks, oversized typography, and energetic compositions with scroll-snap.
solid clashing blocks of pure RGB colors, thick 4px black borders — Massive heavy display fonts, masonry grids, marquee scrolling, instant "snap" hover effects. High-energy, no subtlety.
Dark OLED Luxury
Pure black backgrounds optimized for OLED, subtle glows, and premium typography.
absolute black backgrounds with Gold accents, silent premium aesthetic — Subtle noise textures. Regal serif paired with geometric sans, spotlight cursor effects, gold foil text gradients, cinematic entrances.
Organic / Biomorphic
Fluid shapes, blob animations, nature-inspired colors, and curved boundaries.
fluid morphing blob shapes, "Living Earth" palette (Sage Green, Clay, Sand, Moss) — Reject straight lines. Friendly rounded sans, complex border-radius, wavy dividers, breathing motion, gooey effects.