01
web UI aesthetic
Glassmorphism
A frosted-glass aesthetic with background blur, semi-transparency, and subtle light borders that create a sense of depth and layering.
Visual style atlas · 13 reviewed aesthetics
Can't name the look either? Name the design style.
Browse reviewed web UI visual styles — from glassmorphism to brutalism. Each entry includes CSS hints, a paste-ready prompt for your coding agent, and guidance on when to use or avoid the aesthetic.
Diagnose a UI patternStyle library
13 visual styles, explained
Each entry tells you what the style looks like, which CSS properties define it, how to prompt a coding agent, and when to use or avoid the aesthetic.
02
web UI aesthetic
Neumorphism
A soft, extruded aesthetic using dual shadows on a matching background to create pushed-in or popped-out forms with low contrast.
03
web UI aesthetic
Skeuomorphism
A realistic visual style that imitates physical materials, textures, and lighting to make digital interfaces resemble their real-world counterparts.
04
web UI aesthetic
Flat Design
A minimal two-dimensional visual style with no gradients, shadows, or textures — relying on bold colors, clear typography, and simple iconography.
05
web UI aesthetic
Minimalism
A reductive visual approach that strips interfaces to essential elements, using abundant whitespace, restrained color, and functional typography.
06
web UI aesthetic
Web Brutalism
A deliberately raw, unpolished web aesthetic using system fonts, default browser styling, high-contrast colors, and visibly intentional non-design.
07
web UI aesthetic
Claymorphism
A soft, plush 3D style with chunky rounded corners, thick inner and outer shadows, and a toy-like inflated appearance.
08
web UI aesthetic
Liquid Glass
An iridescent, flowing glass aesthetic with chromatic aberration, dynamic color shifts, and multi-layered transparency that mimics liquid motion on glass.
09
web UI aesthetic
Y2K
A nostalgic late-1990s to early-2000s aesthetic featuring chrome gradients, metallic textures, futuristic curves, pixel fonts, and early-web optimism.
10
web UI aesthetic
Vernacular Web
An aesthetic embracing early-web defaults — Times New Roman, blue underlined links, tiled backgrounds, and simple table layouts — as a deliberate, nostalgic design choice.
11
web UI aesthetic
Windows Aero
Microsoft's translucent glass window-border aesthetic from the Windows Vista and 7 era, featuring reflections, blur, and glossy gradients on window chrome and controls.
12
web UI aesthetic
Aqua
Apple's glossy, gel-like interface language introduced with macOS 10.0 Cheetah — pinstriped window backgrounds, reflective gel buttons, and liquid progress bars.
13
web UI aesthetic
Frutiger Aero
A nature-inspired, glossy, humanist design aesthetic from the mid-2000s featuring glass reflections, green-and-blue gradients, organic shapes, and hopeful technological optimism.