NEO BRUTALISM
PRIMARY DANGER
Raw, unapologetic design. Thick black borders, hard-offset shadows, high-contrast clashing colors, monospace type.
Bold Raw Borders
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 →Frosted glass effect. Translucent panels with backdrop-blur set over vivid multi-color gradient backgrounds.
Blur Gradient Transparent
🎵
Now Playing
Soft UI - Track 04
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
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.
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
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.
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 NoteDigital 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
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.
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.
Bold geometric shapes, chaotic patterns, clashing neon colors. The 1980s Italian design movement applied to screens.
Chaotic Geometric 80s
ÆSTHETICS.EXE
ａｅｓｔｈｅｔｉｃ ｄｒｅａｍ ２０２６
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
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.
Aged paper tones, ornate borders, serif type, distressed textures. Evokes trust, nostalgia, and artisan craftsmanship.
Sepia Ornate Nostalgic
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.
✦ RadiantSoft, 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.
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:~$
Black background, monospace type, green-on-black. Developer culture aesthetics - command lines, blinking cursors, raw output.
Monospace CLI Dev
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.
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.
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-MADEDIY 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
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
Romantic nature aesthetic. Warm beiges, florals, hand-drawn elements. A longing for pastoral simplicity on screen.
Organic Warm Nature
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.
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.
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
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
Animation as the primary design element. Text reveals, physics springs, scroll-triggered sequences. Motion communicates meaning.
Animation Physics Spring
