NEO BRUTALISM
PRIMARY DANGER
Neo-Brutalism
Raw, unapologetic design. Thick black borders, hard-offset shadows, high-contrast clashing colors, monospace type.
Bold Raw Borders
Material Design
Google's design system. Surfaces, elevation shadows, bold color. Interfaces mimic physical paper and ink layers.
Layered Shadows Google
Glassmorphism
Frosted translucent surfaces over vivid gradients.
Explore →Glassmorphism
Frosted glass effect. Translucent panels with backdrop-blur set over vivid multi-color gradient backgrounds.
Blur Gradient Transparent
🎵
Now Playing
Soft UI - Track 04
Neumorphism / Soft UI
Elements pushed out of or pressed into the background using dual opposing shadows. Tactile, monochromatic.
Soft 3D illusion Tactile
FLAT DESIGN
Grid-based. Typographic hierarchy. No decoration.
Swiss Grid Type
Flat / Swiss International
Rooted in International Typographic Style. Zero decoration, strong grids, clear hierarchy, bold sans-serif type.
Grid Minimal Typography
// NΞON SYS
// system initialized. enter the grid.
Cyberpunk / Dark Sci-Fi
Neon on black. Scanlines, glows, HUD-like elements, angular clipping masks. Blade Runner meets consumer UI.
Neon Dark HUD
Design & Culture · Long Read
The Craft of Thoughtful Interface
How the language of print found its way to screens.
By A. Designer · March 2026
Editorial / Magazine
Print-inspired. Serif typefaces, drop caps, pull quotes, column layouts, warm paper palettes for prestige reading.
Serif Print Long-form
Studio · Est. 2018
We make things simple.
Only what is necessary remains. Each element earns its place.
Minimalism
Radical reduction. Generous whitespace, light weights, restrained color. Less as a deliberate philosophy, not laziness.
Whitespace Restrained Intentional
📓 Notes
Digital interfaces that faithfully imitate physical materials.
Save NoteSkeuomorphism
Digital interfaces that imitate physical objects - leather, paper, metal. Dominant in early iOS, builds familiarity.
Texture Realistic Early iOS
Y2K / AURORA
// chrome dreams of the year 2000
Holographic Chrome Mesh
Y2K / Aurora
Early-2000s internet aesthetics reimagined. Chrome gradients, mesh aurora backgrounds, pill shapes, iridescent surfaces.
Retro-future Gradient Chrome
Puffy, inflated UI elements with a 3D clay-like look.
Claymorphism
Puffy, inflated UI elements resembling clay. Multi-layered box shadows create a 3D, toy-like, tactile quality.
3D Playful Puffy
MEMPHIS
Chaotic patterns, bold color, pure energy.
Memphis / Post-Modern
Bold geometric shapes, chaotic patterns, clashing neon colors. The 1980s Italian design movement applied to screens.
Chaotic Geometric 80s
ÆSTHETICS.EXE
aesthetic dream 2026
Vaporwave
Nostalgic internet aesthetic. Purple-pink gradients, grid perspective floors, retro sun motifs, full-width Japanese text.
Nostalgic Purple-pink Retro
Dark Minimal
Pure darkness, surgical precision, zero clutter.
Primary Secondary Ghost
Dark Mode Minimal
Near-black backgrounds, subtle borders, muted palettes. Developer-native aesthetic combining dark themes with restraint.
Dark Subtle Dev-native
Vintage & Retro
- ✦ -
Sepia tones, ornate borders, aged paper textures and classic letterpress typography from eras past.
Vintage / Retro
Aged paper tones, ornate borders, serif type, distressed textures. Evokes trust, nostalgia, and artisan craftsmanship.
Sepia Ornate Nostalgic
Bento Grid
Card-based mosaic layout with varying tile sizes. Popularized by Apple. Content-first, dense, visually organized.
Cards Grid Apple
Aurora Gradient
Soft mesh color fields, layered depth, luminous glow.
✦ RadiantAurora / Gradient Mesh
Soft, multi-point gradient meshes creating an aurora-like luminance. Backgrounds feel alive with color temperature shifts.
Gradient Glow Organic
Bauhaus
Form follows function. Primary shapes, primary colors.
Bauhaus
Form follows function. Primary geometric shapes (circle, triangle, square) in primary colors. The 1919 school's principles on screen.
Geometric Primary colors 1919
user@dev:~$ npm start
✓ compiled successfully in 342ms
user@dev:~$
Terminal / Hacker
Black background, monospace type, green-on-black. Developer culture aesthetics - command lines, blinking cursors, raw output.
Monospace CLI Dev
Neon Sign
Glowing text and UI elements that simulate real neon tubes. Flickering animations, dark backdrops, electric bar-sign energy.
Glow Neon Night
間 - Ma · Negative Space
The beauty of things imperfect, impermanent, and incomplete.
Japandi / Wabi-Sabi
Japanese-Scandinavian fusion. Warm neutrals, natural textures, imperfect beauty. Extreme restraint with warmth and soul.
Warm neutrals Wabi-sabi Calm
Isometric 3D
Dimensional layouts built with CSS perspective and geometric planes.
Isometric / 3D CSS
Flat illustration rendered in isometric perspective. Three-point depth without true 3D - architectural, game-like, dimensional.
Isometric Geometric Dimensional
Indie / Zine Culture
Hand-crafted imperfection. Wavy underlines, rotated elements, typewriter fonts and raw energy.
HAND-MADEIndie / Zine
DIY culture applied to web. Slightly rotated elements, mixed typefaces, rough textures. Authenticity over polish.
Handmade Rough Authentic
High Contrast UI
Maximum legibility. Pure black, white, and accent colors only.
ACTION INFO GHOST
High Contrast / Accessible
Designed for maximum legibility and accessibility. Pure black/white with bold accents. WCAG AAA compliant by design.
Accessible WCAG Bold
Cottagecore
A romanticized return to natural simplicity, floral warmth, and hand-crafted charm.
🌿 Herbs 🌸 Bloom 🍃 Nature
Cottagecore / Organic
Romantic nature aesthetic. Warm beiges, florals, hand-drawn elements. A longing for pastoral simplicity on screen.
Organic Warm Nature
Data Dashboard
Information-dense, metric-focused layouts. Dark backgrounds, vibrant chart colors, compact data cards with KPI emphasis.
Data Dense Charts
Art Deco
◆
Geometric elegance, symmetry, gold on black. The roaring twenties encoded into pixels.
Art Deco
Geometric opulence. Gold on black, symmetrical ornamentation, chevrons and sunbursts. 1920s glamour on digital screens.
Gold Geometric 1920s
POW! POP ART
BAM!Bold. Loud. Comic book energy meets the web.
Pop Art
Halftone dots, speech bubbles, primary colors screaming at full saturation. Roy Lichtenstein and Warhol as a UI system.
Halftone Bold Comic
🔔
Notifications
iOS-style frosted glass widget
iOS / Apple HIG
Apple's Human Interface Guidelines. Frosted glass widgets, vibrancy, Dynamic Type, purposeful motion, restrained controls.
Apple Vibrancy HIG
MOTION IN DESIGN
// type reveals, stagger, physics-based spring
Motion / Kinetic Design
Animation as the primary design element. Text reveals, physics springs, scroll-triggered sequences. Motion communicates meaning.
Animation Physics Spring