Use when designing or refining a user interface and you need design direction, heuristic critique, or a review of visual, responsive, and interaction quality.
Provides the Art Deco UI style (1910s-1930s lineage, revived for the web): symmetrical geometric ornament, sunbursts, chevrons and stepped forms in gold, black and jewel tones, covering tokens, line-art and SVG pattern construction, high-contrast display…
Provides the authentic Art Nouveau UI style (1890–1910): organic whiplash curves, sinuous botanical tendrils, Alphonse Mucha illustrations, Hector Guimard cast iron metro entrances, Louis Comfort Tiffany stained glass, and muted jewel tones. Use when…
Provides the authentic Arts & Crafts UI style (1880–1920): British craft revival led by William Morris, Kelmscott Press typographic borders, woodblock printing textures, handcrafted honesty of materials, medieval guild motifs, and rich earthy plant dyes. Use…
Provides the authentic Atompunk & Cold War Nuclear Age UI style (1945–1965): Raygun Gothic futurism, riveted heavy naval steel chassis, bakelite knobs, convex CRT monitors with P1 green and P3 amber phosphor, nixie tubes, analog galvanometers, radiation…
Provides the Bauhaus UI style (1919-1933 lineage, revived for the web): form follows function, circle-square-triangle geometry, primary color with black, geometric sans typography and functional asymmetric layout, covering the school's timeline, tokens, grid…
Provides the bento grid UI style (2022-present): compartmentalized bento-box layouts of asymmetric rounded tiles with hierarchy expressed by span rather than shadow, covering the CSS grid recipe, Apple keynote lineage, motion patterns, DOM-order accessibility…
Provides the card-based UI style (2013-present): self-contained content containers in grids and masonry, covering Material's card anatomy, Bootstrap 4 standardization, masonry techniques, container transforms and the density and reading-order pitfalls. Use…
Provides the authentic Cassette Futurism UI style (1975-1985 analog sci-fi and industrial microcomputing): curved phosphor CRT monitors, mechanical rocker switches, GaAs red LED segment displays, Ron Cobb semiotic hazard striping, magnetic tape reel…
Provides the canonical Clockpunk & Renaissance Horology UI style: Early Modern (16th-18th century) retrofuturism of mainsprings, escapements, astronomical orreries, Leonardo da Vinci codex marginalia, iron-gall ink on laid parchment, and interlocking gear…
Provides the authentic Constructivism UI style (1919-1930s Soviet avant-garde): pure geometric primitives, dynamic 45-degree diagonal axes, stark scarlet-and-black contrast, load-bearing industrial typography, and photomontage engineering. Use when designing…
Provides the authentic Dark Fantasy & Grimdark UI style: gothic cathedral architecture, Albrecht Dürer copperplate engravings, rusted wrought iron, damp castle stone, charred illuminated manuscripts, antique gold gilding, and blood-tinted glass. Use when…
Provides the De Stijl / Neoplasticism UI style (1917-1931 lineage, revived for the web): orthogonal black grid lines, flat primary-color planes on white and asymmetric balance, covering Mondrian's neoplastic rules, the 1923 diagonal schism,…
Provides the canonical Dieselpunk & Interwar Machine Age UI style (1918–1950s): Art Deco geometry, Streamline Moderne curves, heavy naval armor plates, diesel soot, combustion engines, noir shadowplay, military dossiers, and bold condensed typography. Use…
Provides the official Dracula Theme UI style created by Zeno Rocha: iconic dark palette with high-contrast pastel accents (Dracula Purple, Pink, Cyan, Green, Orange, and Yellow) over deep obsidian backgrounds. Features WCAG 2.2 AA calibrated comment tokens…
Provides the authentic Dungeon Synth UI style (lo-fi medieval ambient microgenre of the 1990s): subterranean stone crypts, early 80s/90s consumer keyboard synthesizers (Casio, Yamaha), monochrome black-ink woodcut illustrations, moss green and stone grey…
Provides the expressive variable typography, big-type minimalism and monumental anti-hero UI style (2016-present): one variable font file used aggressively, colossal viewport-filling typography, zero decorative images, optical sizing and fluid clamp() scales.…
Provides the flat design 1.0 style (2012-2015): minimalist flat-color UI that reacted against skeuomorphism, covering the iOS 7 rupture, Bootstrap 3 and Material milestones, the signifier crisis documented by NN/g (22% slower flat UI) and flat 2.0's…
Provides the canonical Glassmorphism & Spatial UI style (2020-present): multi-layered frosted glass surfaces, backdrop-filter optical blur, 1px specular white border highlights, subtle drop shadows, and spatial depth inspired by macOS Big Sur and visionOS.…
Provides the glitch UI style (mid-1990s-present): deliberate digital error as aesthetic, covering RGB channel splits, clipped slice displacement, datamosh and compression artifacts, CSS pseudo-element glitch text and photosensitivity-safe motion. Use when…
Provides the rich gradient and duotone era (2014-2019): multi-stop vivid gradients and two-tone brand photography from Instagram, Spotify and Stripe, covering the 2016 Instagram rebrand, mix-blend-mode duotone recipes, background-clip text contrast rules and…
Provides the grain / noise texture UI style (2020s revival of a film-era look): a fine stochastic overlay that breaks digital flatness, covering SVG feTurbulence noise, grainy gradients, blend-mode layering, performance budgets and contrast safety. Use when…