Design
Styles

A Visual Reference for UI Aesthetics

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 App ⋮
Design System
📐
Elevation
🎨
Color
Motion
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.

2.4k
Nodes
99.9%
Uptime
BW
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.

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 Note
Skeuomorphism
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

📊 Analytics Overview

🚀

Deploy

💬

Messages

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.

✦ Radiant
Aurora / 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

OPEN

24 · HOURS
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-MADE
Indie / 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
4.2k
Users
98%
Uptime
$12k
Revenue
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
Free Consultation