102 styles

Theme Gallery is a catalog of named UI design styles, from Swiss and Bauhaus to Windows 95 and Glassmorphism, each built as a complete landing page and component kit for one of three fictional products. Styles can be compared section by section and component by component, and each one's tokens, stylesheet, components and SVGs can be copied.

Modernist & minimal

Swiss Style (International Typographic Style, Swiss Design; 1950–1970, Zürich and Basel): Giant flush-left grotesk on a drawn column grid, black and one red: the festival as a numbered poster series.
Minimalist (Monochrome minimal, Less is more; 1960s Minimal art to the 2000s keynote and iOS 7 (2013)): A slow greyscale deck: one enormous, hairline-thin fact per screen, dead centre, and nothing else.
Ma (Japanese Minimal) (Zen, 間, Japanese minimalism; Momoyama tea aesthetics, 1580s; Isozaki's MA, 1978): One hanging scroll through the tea year: an off-centre ink mark on washi, vertical text, one vermilion seal.
Wabi-sabi (Kintsugi, Japandi earth; Momoyama tea, 1570s–1600s; kintsugi from the 15th century): Glazed clay slabs with hand-built edges on a dark earthen wall, cracked and mended in gold.
Braun / Dieter Rams (Functionalist industrial, Teenage Engineering; 1956–1987, Braun (Rams, Gugelot, Lubs)): A Braun sky receiver: white faceplate, speaker-grille dot field, round keys, a dot-matrix readout, one orange.
Mid-Century Modern (Saul Bass, Charley Harper, MCM; 1955–1965, Saul Bass and the American film title): A 1960 film title sequence: flat cut-paper shapes with scissor edges on burnt orange, mustard and olive.

Art & design movements

Bauhaus (Bauhaus school, Staatliches Bauhaus; 1919–1933, Weimar and Dessau): A 1923 exhibition poster with the bill printed on circle, triangle and square, then Bauhausbücher spreads.
De Stijl (Mondrian, Neoplasticism; 1917–1931, the Netherlands; Mondrian to 1944): One Mondrian composition: chalk planes and red, blue and yellow fields cut by black bars.
Constructivism (Russian Constructivism, Rodchenko, Lissitzky; 1919–1932, Soviet avant-garde (Moscow, Vitebsk, Leningrad)): An agitprop poster series in vermilion and black: shouted diagonals, megaphone wedges, halftone photomontage.
Art Deco (Deco, Gatsby, Streamline; 1925–1939, Paris and New York): A 1930s tea salon in lacquer black, gilt and emerald: a sunburst arch, a tin cabinet, a gilt menu board.
Art Nouveau (Jugendstil, Mucha, Liberty style; 1895–1910, Mucha's Paris, Jugendstil, Liberty): A Mucha advertising panel in four seasons: arched niches, halo discs, whiplash stems; olive, ochre and rose.
Memphis (Memphis Group, Sottsass, 80s postmodern; 1981–1987, the Memphis Group, Milan): A 1981 Milan furniture catalogue: teapots on patterned plinths, confetti squiggles, terrazzo, pastel clash.
Pop Art (Lichtenstein, Warhol, Comic pop; 1961–1968, New York and Los Angeles (Lichtenstein, Warhol)): Lichtenstein panels with countable Ben-Day dots and balloons, beside Warhol's tea tin in four colourways.
Psychedelic 60s (Fillmore poster, Summer of Love, Acid rock poster; 1966–1968, San Francisco: the Fillmore and the Avalon): A run of Fillmore concert posters: lettering melted to fill its shape, in inks that vibrate.
70s Groovy (Supergraphics, 70s retro; 1970–1978, American packaging and hi-fi advertising): A 1974 tea carton unfolded: rounded stripes in chocolate, rust, tangerine and gold, a fat soft serif.
Op Art (Optical art, Bridget Riley, Vasarely; 1957–1968; Vasarely, Riley, The Responsive Eye (MoMA, 1965)): Black bands on gesso white that swell into a sphere and shimmer into moiré, hung as a typewritten exhibition.
Ukiyo-e (Japanese woodblock, Hokusai, Hiroshige; 1765–1868, Edo-period woodblock prints): Edo woodblock prints: flat pigment in sumi key lines, Prussian-blue bokashi skies, vertical cartouches.
Islamic Geometric (Girih, Zellige, Arabesque tessellation; 10th–17th c.: al-Ṣūfī, Fez zellige, Isfahan astrolabes): Interlaced star tile in turquoise, lapis and gold, a brass astrolabe, and star-book folios under Kufic bands.
New Wave / Swiss Punk (Weingart, April Greiman, Postmodern typography; 1972–1986, Basel and Los Angeles): Process-colour films overprint on blush stock, with halftone screens and stepped, letterspaced capitals.
Surrealism (Surrealist, Magritte, Dalí; 1924–1960s, Paris and Brussels): Deadpan daylight skies holding impossible objects: hung teapots, a soft watch, a fur cup, cursive captions.

Print & editorial

Editorial Magazine (Magazine layout, Long-form; 1934 to now: Harper's Bazaar, Vogue, NYT Magazine, Kinfolk): A magazine feature on warm paper: a bled photo, a Bodoni headline with dek and byline, drop cap, pull quote.
Newspaper Broadsheet (Broadsheet, Front page; 1880–1970s, the letterpress broadsheet): A broadsheet front page: a blackletter flag between two ears, six ruled columns, a banner headline, halftones.
Wood Type Playbill (Letterpress, Victorian playbill, Wood type; 1840s–1890s, American and British letterpress job printing): An 1880s wood-type handbill: centred lines in five faces, black and vermilion on buff, in brass rules.
Literary / Book Typography (Book design, Classical typography; 1499 to today: Aldus, Garamond, Tschichold, Bringhurst): A small book of tea, open on the table: a centred title page, running heads, folios, small caps and fleurons.
Academic Paper (LaTeX, arXiv preprint; 1978–today: TeX (1978), LaTeX (1985), arXiv (1991)): A LaTeX preprint in Computer Modern: abstract, two justified columns, figures, numbered equations, references.
Risograph (Riso print, Spot-colour print; 1980s to today: Riso duplicators and the indie riso studios): A festival programme run through a Risograph: three spot inks overprinting on bare paper, with grain and slip.
Punk Zine (DIY zine, Photocopy zine; 1976 to the 1990s, Sniffin' Glue to riot grrrl zines): A stapled, photocopied gig zine: toner on copy paper, ransom letters, tape, felt-tip and one red stamp.
Grunge / Ray Gun (David Carson, 90s grunge typography, Ray Gun; 1992–1995, David Carson's Ray Gun): A Ray Gun spread: murky stock, torn colour photographs, huge type collided and cut off, readable strips.
Illuminated Manuscript (Medieval manuscript, Book of hours; c. 1280–1475, Gothic herbals and Books of Hours): A Gothic herbal on vellum: gold-leaf initials, blackletter, red rubrics, ivy bar borders and drolleries.
Victorian (Victoriana, Victorian ornament, Chromolithograph; 1837–1901; the illustrated trade catalogue of the 1880s): An 1880s tea catalogue: engraved shopfront in gilt scrollwork, trade cards; crimson, green, gold on ivory.

Illustration & craft

Storybook (Picture book, Gouache, Watercolour; 1947 onwards: the bedtime picture book): A bedtime picture book in watercolour and gouache: painted night spreads, big soft text, a page that turns.
Sketchbook (Hand-drawn, Excalidraw, Sketchnote, Doodle; 2008–now: Balsamiq, sketchnotes, Excalidraw (2020)): A whiteboard explainer in marker on dot-grid paper: rough boxes, hachure, highlighter and arrows.
Paper Cutout (Kirigami, Layered paper, Papercraft; 1811–1937 toy theatres; layered paper illustration, 2010s–): A crimson-and-gilt toy theatre: every module a scene of cut card, each sheet shadowing the one behind.
Chalkboard (Blackboard, Chalk art; 1801 slate, 1960s greenboard, 2010s café chalk lettering): A tea bar menu board: chalk lettering and doodles on a dusty green slate in a mitred oak frame.
Naturalist Field Guide (Botanical plates, Specimen guide; 1887–1966: Köhler's plates to the Golden Field Guides): A printed field guide: cream pages facing numbered botanical plates, Latin names, red field-mark arrows.
Antique Celestial Atlas (Engraving, Copperplate star chart; 1603–1835, from Bayer's Uranometria to Burritt): Copperplate star charts on Prussian blue: hatched figures, hand-coloured washes, paper cartouches.
Stained Glass (Leaded glass, Rose window; c. 1145–1260, Gothic France and England): Jewel glass in thick black lead under pointed lancets and a rose window, on a Chartres-blue ground.
Woodcut / Linocut (Relief print, Linoprint; 1910s–1950s relief print: Brücke, Masereel, TGP): A relief-print broadside: carved black blocks, white-line gouge cuts and one yellow plate on kozo paper.
Isometric (Iso illustration, 2.5D; 1822 Farish; games 1982–93; illustration 2014–): A tabletop model on true 30° axes: floating land slabs on a blue-hour ground, every solid in three flat tones.
Generative / Plotter Art (Pen plotter, Algorithmic art, Creative coding; 1965– (Nees, Nake, Molnár); AxiDraw revival since 2016): One fine pen on warm paper: the programme plotted as a seeded flow field, hatched, and a vermilion second pen.
Rubber Hose (1930s cartoon, Cuphead style, Fleischer; 1928–1939 Fleischer and Disney shorts; Cuphead (2017)): A 1930s cartoon reel: sepia frames on a sprocketed film strip, pie-cut eyes, white gloves, grain and vignette.
Tattoo Flash (American Traditional, Sailor Jerry; 1900s–1970s American flash, Lew Alberts to Sailor Jerry): A tattoo parlour's flash wall: numbered designs in heavy black outline, filled red, yellow and green.
Scrapbook (Scrapbooking, Memory book, Junk journal; Memory-keeping boom, 1987–2008 (roots in 1873)): Kraft album spreads: colour prints in photo corners, washi tape, ticket stubs, sticker titles, handwriting.

Surfaces & effects

Skeuomorphic (iOS 6, Realism, Rich UI; 2010–2013, Apple's iOS 4–6 and OS X Lion): A 2012 iPad sky journal: stitched leather, grey linen, green felt, ruled paper and embossed UIKit controls.
Neumorphism (Soft UI, Neomorphism; late 2019–2021, Dribbble): One pale remote control: every key, dial and well is the ground, pushed up or pressed in by two soft shadows.
Glassmorphism (Frosted glass, Acrylic, Big Sur glass; 2020–2021, after macOS Big Sur and Michał Malewicz's naming): Milky frosted widgets with a 1px white edge floating over crisp, saturated dusk orbs on a deep violet sky.
Claymorphism (Clay UI, Soft 3D; 2021–, Michał Malewicz / Hype4): Puffy pastel clay pieces that swell from an inner highlight, set out as a toy diorama of one night.
Liquid Glass (iOS 26, Apple 2025 glass, visionOS; 2025, Apple: iOS 26 and macOS Tahoe 26, after visionOS): An iOS 26 app over NASA's Earth limb: clear glass capsules refract the stars above a floating tab bar.
Mesh Gradient (Stripe-style, Aurora gradient, Gradient mesh; 2020–2023, after Stripe's 2020 home page): A white page cut by one huge, grainy, drifting mesh-gradient band at −12°, a headline burned into it.
Flat 2.0 / Long Shadow (Flat design, Flat UI, Long shadow; 2013–2014: Dribbble long shadows, Flat UI, iOS 7): Flat saturated badges casting 45° long shadows across full-bleed colour bands: a 2013 app launch page.
Material You (M3) (Material Design 3, M3 Expressive, Material 3; 2021–2025, Google (Android 12 to Android 16)): An adaptive Android app: tonal panes from one seed colour, a rail or nav bar, a FAB and Expressive shapes.
Metro (Windows Phone, Modern UI; 2010–2015, Microsoft: Zune, Windows Phone, Windows 8): Nightjar as a Windows Phone Start screen of cobalt live tiles, then hubs titled in giant cropped lowercase.
Bento Grid (Bento box, Apple keynote grid; 2020–2024: Apple keynote recap slides and iOS widgets): A keynote recap slide: rounded tiles of mixed sizes on apple.com grey, one glanceable fact each.
Immersive 3D / Scrollytelling (WebGL, Scroll story, Scrollytelling, Scroll film; 2012–today: Snow Fall, three.js films, Apple scroll pages): One lit night scene the camera moves through as you scroll, huge serif titles and mono captions laid on it.

Internet & OS eras

Web 1.0 / GeoCities (Indie web, Neocities, 90s homepage; 1995–1999, GeoCities and Netscape Navigator): A 1997 personal homepage: tiled wallpaper, a frameset, Comic Sans, a hit counter, a guestbook and a webring.
Windows 95 (Win95, Classic Windows, Chicago; 1995–1998, Microsoft): Bevelled silver windows with solid navy title bars on a teal desktop, a Start button and a taskbar.
Classic Mac (1-bit) (System 7, HyperCard; 1984–1997, Macintosh System 1 to 7; HyperCard 1987): A HyperCard stack on a 1-bit Mac desktop: striped title bars, Chicago, a MacPaint pattern for every grey.
Windows XP Luna (Luna, Bliss, Windows XP; 2001–2006, Microsoft): Royal-blue Luna windows and a green start button on the Bliss hill: a setup wizard and a Control Panel.
Y2K (Millennium, Chrome futurism, Cyber Y2K; 1998–2002, the millennium): A 2000 enhanced CD-ROM: liquid-chrome type, a rainbow disc and translucent candy plastic on ice white.
Frutiger Aero (Vista era, Windows 7 aero, Aero glass; 2004–2013; Windows Vista (2007) and Windows 7 (2009)): A Vista desktop: sky-and-water wallpaper, glass orbs and bubbles, a Welcome Center and a Weather gadget.
Web 2.0 Glossy (Web 2.0, Gel buttons, Beta badge era; 2005–2008, the Web 2.0 startup web): A 2006 startup homepage: a glossy logo on its reflection, a BETA tag, gel buttons, a starburst, a tag cloud.
Teletext (Ceefax, Videotex; 1974–2012, BBC Ceefax, ORACLE and Teletext Ltd): Ceefax-era teletext: numbered 40-column pages in eight colours, block mosaics, double height, Fastext.
Terminal (CLI, Command line, Hacker, Green screen; 1977–1991 video terminals and Unix tools; tmux, 2007): A green-phosphor tmux session: each section is a command and what it prints, FIGlet to man page.
Vaporwave (Aesthetic, Mallsoft; 2010–2015 internet, recalling 1990s malls): A dead-mall directory in pastel: a marble bust on a checkerboard floor, fullwidth caps and Japanese signs.
Cybercore (Cyberdelic, Cyberspace aesthetic; 1992–2001, the cyberspace web): Electric-blue wireframe cranes and a turning globe on black, over streams of binary and circuit traces.

Games & screens

Pixel Art 8-bit (NES, 8-bit, Chiptune; 1983–1990, the Nintendo Entertainment System): One NES platformer level in the 2C02 palette: brick ground, warp pipes, ? blocks and a nightjar sprite.
JRPG Menu (16-bit) (SNES RPG, Final Fantasy menu; 1991–1995, Square on the Super Famicom / SNES): A tea shop as a 16-bit RPG item shop: blue-gradient windows on black, a pointing glove, gold gauges.
Synthwave / Outrun (Retrowave, 80s neon, Outrun; 1982–1989 (Tron, Out Run, VHS); revived 2011 by Drive): A striped sun sinks into a neon perspective grid under chrome and pink script: a VHS sleeve for a night drive.
Sci-Fi HUD (FUI, Fictional user interface; 1977 to now: film FUI and glass cockpits): Nightjar as a telescope targeting overlay: hairline reticles, turning rings, amber locks on scope black.
Trading Terminal (Bloomberg terminal, Market data; 1982–present, Bloomberg Terminal and exchange tickers): Amber on black: dense tiled panels, colour-coded keys, a stepping ticker and a command line for SENCHA <GO>.

Genre & subculture

Cyberpunk (2077, Neon dystopia, Jack-in UI; 1982–2020, Blade Runner to Cyberpunk 2077): A bootleg shard's jack-in screen: a torn acid-yellow slab on black, 45° cuts, hot red, split red-cyan type.
Film Noir (Noir, 1940s detective, Hollywood noir; 1941–1958, Hollywood (the form set in 1946)): The festival as a 1946 noir: title cards in blind-barred light, rain on glass, typed case files, THE END.
Retro-Futurism / Googie (Atomic Age, Space Age, Jetsons, Populuxe, Doo-Wop; 1949–1962, Southern California and the American roadside): A 1958 roadside motel sign and its pamphlet: neon script, boomerangs and starbursts on a turquoise flood.
NASA-punk (1975 Graphics Standards Manual, NASA worm; 1975 NASA manual by Danne & Blackburn; revived 2015–2020): The product's own standards manual: a red worm logotype, two-ink spec sheets and mission patches.
Steampunk (Victorian machinery, Brass; 1840s–1890s machinery; the genre named in 1987 (K. W. Jeter)): A Victorian astronomical engine in brass, iron and enamel: meshing gears drive gauges that read the sky.
Solarpunk (Eco-futurism, Green future; 2008 to now; the look from 2014): A rooftop tea garden's notice board in morning sun: leaf green, sun gold, solar panels among the sedum.
Dark Academia (Old library, Oxbridge gothic; 2015– on Tumblr and TikTok, after the Georgian library): A library table at night: a prospectus sealed in oxblood wax, gilt-tooled leather, lit by one candle.
Cottagecore (Pastoral, Farmhouse; 2018–2020, Tumblr; roots in 1950s–70s recipe tins): A recipe tin tipped out on madder gingham: handwritten index cards, pressed flowers under tape, pastel tabs.
Kawaii (Japanese cute, Sanrio style; 1974–now, Japan: Sanrio, San-X, purikura, LINE stickers): A pink pad of sticker sheets: every cup, pot and tin a die-cut character with dot eyes, blush and sparkles.
Acid Graphics (Rave flyer, Acid design, Y2K revival rave; 1989–1995 UK rave flyers; 2018–2022 acid-graphics revival): A rave flyer on black: stretched acid-lime type, liquid chrome metaballs, a line-up billed huge to tiny.
Luxury Fashion (Fashion house, Haute; 1934 to now: Brodovitch's Bazaar to Slimane's Celine): A bright lookbook: one high-key still life, almost empty, tracked black Didone capitals, each tea a Look.
Biomorphic / Blob (Organic, Blob UI, Fluid shapes; 1930s–70s biomorphism; blob UI 2018–2021): Lopsided plum pebbles on apricot, carried down one meandering stream; flat blobs that slowly morph.
Gamified (Duolingo style, Playful, Toybox, Learning-app UI; 2012–today, learning and habit apps): A learning app's home screen: flat saturated fills, ledge buttons, a winding path of nodes, a mascot, streaks.
Manga (Comic panels, Screentone; 1950s to today, Japan (the Weekly Shōnen Jump tradition)): Black-and-white manga spreads read right to left: panels, screentone, focus lines, katakana sound effects.
Mystic Tarot / Celestial (Witchy, Celestial mysticism, Tasseography; 1909 Rider–Waite–Smith to the 2010s celestial revival): A tea-leaf reading laid out as tarot cards: fine gold line, a faced sun and moon, Roman numerals, aubergine.
Maximalism (More is more, Dopamine decor, Pattern clash; 1940s to now: Draper, Vreeland, Apfel, Michele's Gucci): A jewel-box salon: chintz, leopard and stripes clashing wall to wall, gilt frames hung salon-style, tassels.
Ethereal (Dreamy, Angelcore, Soft focus; Turner's and Whistler's mists, 4AD, angelcore (2010s)): Pearl, blush and lilac haze, sheer veils hung in layers, soft light shafts, a hairline serif tracked wide.
Bohemian (Boho, Boho chic; 1965–2015, from a Marrakech roof terrace to the Jungalow): Fringed kilims and block prints layered on a limewashed floor, with macramé and trailing plants at the edges.

Contemporary product UI

Neo-Brutalism (Neubrutalism, Gumroad style; 2021–present, after Gumroad's redesign): A Gumroad-style product page: thick black borders, hard offset shadows, flat pink, yellow and lilac fills.
Brutalism (raw web) (Anti-design, Raw HTML, Brutalist web; 2014 onward; the defaults it keeps date from 1993–1997): Plain HTML on purpose: default styles, Times, blue underlined links, one enormous thing per screen.
Dark SaaS (Linear style, Dev-tool dark; 2019–2024 · Linear, Vercel, Raycast): Near-black launch page: gradient headline, the app screenshot on an indigo glow, 1px borders, a changelog.
Enterprise (Carbon) (Corporate, IBM Carbon, B2B; 2017–2024, IBM Carbon v10–v11, IBM Plex, IBM.com): An IBM.com-style solution page on Carbon: Plex Light, square blue buttons, grey and blue bands, data tables.
Corporate Memphis (Alegria, Big Tech illustration; 2017–2021: Alegria (Buck for Facebook) and Big Tech art): Faceless big-limbed flat people in lilac and coral, on lavender blobs, walking you through an onboarding flow.
Civic (GOV.UK style) (GOV.UK, Government service, GDS; 2012–2025, Government Digital Service (UK)): A GOV.UK-style service: black header and blue stripe, bold Arial, green Start now, yellow focus, no imagery.
Document UI (Notion style, Docs wiki; 2018–today, Notion and the public docs wiki): A public Notion-style docs wiki: grey page tree, ink-drawn cover, callouts, toggles and inline databases.
E-Ink (Kindle, E-reader; 2007–2020, E Ink readers: Kindle, Sony Reader, Kobo): An e-reader page in sixteen greys: a status bar, Literata text, dithered photos and Location 23 of 140.

Real-world systems & objects

Blueprint (Technical drawing, Cyanotype; 1842 cyanotype; drawing offices, 1870s–1950s): White linework on Prussian blue: a framed drawing sheet with zones, dimension lines and a title block.
Transit Wayfinding (Vignelli, Subway signage, Wayfinding; 1970 to today: the New York subway's sign system): The festival as a subway: black station signs, coloured route bullets, four stage lines bundled into a trunk.
Industrial Safety / Hazard (Safety signage, Warning labels; 1971–today: OSHA 1910.145, ANSI Z535, ISO 7010): The festival as its own site signs: riveted plates, DANGER and CAUTION bars, ISO pictograms, hazard tape.
Thermal Receipt (Receipt, Till roll; 1990s on: Epson TM-T88 thermal printers and ESC/POS): One strip of thermal till roll: 42 mono columns, double-height print, dashed rules, a red total, a barcode.
Airmail / Philately (Postal, Stamp collection, Par avion; 1918–1980s: the airmail age, Inverted Jenny to aerogramme): A page as a piece of airmail: chevron-bordered envelope, perforated stamps, postmarks and postal forms.
National Park Poster (WPA) (WPA poster, Silkscreen travel poster; 1936–1943, WPA Federal Art Project (US)): Numbered WPA silkscreen park posters: flat ridges and pines over a band of condensed capitals, on cream.