Design gallery

One template.
43 complete designs.

Every design here is a full system β€” components, widgets, example pages, self-hosted fonts, light and dark. Set SITE_DESIGN="<slug>" in .env and your whole site wears it. No build step, no CDN, zero third-party requests.

43 design systems 954 components 0 third-party requests

Browse the catalogue

Showing all 43 designs

Arcade design system β€” Pop meets the arcade cabinet: push-buttons, INSERT COIN, rolling scores. Dark-first. Arcade Pop family Pop meets the arcade cabinet: push-buttons, INSERT COIN, rolling scores. Dark-first. 16 components · 2 themes · Bungee, Chakra Petch, Silkscreen Azulejo design system β€” Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. Azulejo Statement looks Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. 20 components · 2 themes · DM Serif Display, Work Sans Bauhaus design system β€” A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. Bauhaus Statement looks A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. 20 components · 2 themes · Syne, Kumbh Sans Bevel design system β€” A modern retro desktop OS: crisp bevels, windows, one teal accent. Bevel Second wave A modern retro desktop OS: crisp bevels, windows, one teal accent. 13 components · 2 themes · Chivo, IBM Plex Mono, Pixelify Sans Blueprint design system β€” Technical drawing as UI: outlines trace on, cards show their dimensions, saves land a redline REV stamp Blueprint Statement looks Technical drawing as UI: outlines trace on, cards show their dimensions, saves land a redline REV stamp 20 components · 2 themes · Red Hat Display, Red Hat Text, Red Hat Mono, Architects Daughter Chalk design system β€” A chalkboard you can touch: outlines redraw on hover, ticks draw in, and a felt eraser wipes the board Chalk Statement looks A chalkboard you can touch: outlines redraw on hover, ticks draw in, and a felt eraser wipes the board 20 components · 2 themes · Cabin Sketch, Patrick Hand, Caveat Chill design system β€” Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection Chill Industry kits Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection 35 components · 2 themes · Comfortaa, Onest Circuit design system β€” Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done Circuit Industry kits Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done 32 components · 2 themes · Saira, Rethink Sans Commit design system β€” A developer's portfolio as paper and an editor: keystroke buttons, project diffs, a commit graph that draws. Commit Industry kits A developer's portfolio as paper and an editor: keystroke buttons, project diffs, a commit graph that draws. 30 components · 2 themes · Familjen Grotesk, Fragment Mono Curtain design system β€” Theatre kit: red velvet, gilt prosceniums, a curtain that parts, seats that fold down and stubs you tear. Curtain Industry kits Theatre kit: red velvet, gilt prosceniums, a curtain that parts, seats that fold down and stubs you tear. 33 components · 2 themes · Bodoni Moda, Commissioner Cutout design system β€” Layered coloured paper cut-outs that lift off the page. Cutout Second wave Layered coloured paper cut-outs that lift off the page. 13 components · 2 themes · Fraunces, Jost Deco design system β€” Art Deco glamour: gold linework on onyx, sunbursts that fan open, lift-door dialogs and a floor-dial needle. Deco Statement looks Art Deco glamour: gold linework on onyx, sunbursts that fan open, lift-door dialogs and a floor-dial needle. 21 components · 2 themes · Poiret One, Josefin Sans Flex design system β€” Kinetic typography: labels swell, tabs grow heavy, digits roll and stretch. Bone, ink, one ultramarine. Flex Statement looks Kinetic typography: labels swell, tabs grow heavy, digits roll and stretch. Bone, ink, one ultramarine. 21 components · 2 themes · Anybody, Roboto Flex Flow design system β€” Warmth and water for heating & plumbing sites: brass push buttons, valve toggles, a thermostat dial. Flow Industry kits Warmth and water for heating & plumbing sites: brass push buttons, valve toggles, a thermostat dial. 31 components · 2 themes · Rubik, Karla Gleam design system β€” Clinical-luxury dentistry: porcelain keys with a glint, enamel sliders, a smile-arc meter, a breathing ring. Gleam Industry kits Clinical-luxury dentistry: porcelain keys with a glint, enamel sliders, a smile-arc meter, a breathing ring. 30 components · 2 themes · Plus Jakarta Sans, Cormorant Garamond Groove design system β€” The 1970s, warm and groovy: squishy pills, swooshing stripe supergraphics, rainbow-arc meters, lava blobs Groove Statement looks The 1970s, warm and groovy: squishy pills, swooshing stripe supergraphics, rainbow-arc meters, lava blobs 21 components · 2 themes · Bagel Fat One, Mulish Gumdrop design system β€” Squishy clay and gummy candy: puffy slabs that squash and spring. Gumdrop Originals Squishy clay and gummy candy: puffy slabs that squash and spring. 21 components · 2 themes · Fredoka, Figtree Headliner design system β€” Gig-poster craft for tours and festivals: stomp-box buttons, tear-off stubs, wristbands that snap on. Headliner Industry kits Gig-poster craft for tours and festivals: stomp-box buttons, tear-off stubs, wristbands that snap on. 31 components · 2 themes · Anton, Geologica Isoland design system β€” UI as a tiny iso diorama: blocks rise, sink and cast shadows; charts are towers, maps are tiles you raise Isoland Statement looks UI as a tiny iso diorama: blocks rise, sink and cast shadows; charts are towers, maps are tiles you raise 21 components · 2 themes · Dela Gothic One Kapow design system β€” Pop meets the comic book: inked panels, halftone, speech bubbles, POW bursts. Kapow Pop family Pop meets the comic book: inked panels, halftone, speech bubbles, POW bursts. 15 components · 2 themes · Bangers, Atkinson Hyperlegible, Kalam Keycap design system β€” Pop meets a custom mechanical keyboard: candy keycaps with real key travel. Keycap Pop family Pop meets a custom mechanical keyboard: candy keycaps with real key travel. 15 components · 2 themes · Sora, DM Mono Letterpress design system β€” Fine printing on cotton paper: every control debossed, buttons bite deeper, checkboxes strike a fleuron. Letterpress Statement looks Fine printing on cotton paper: every control debossed, buttons bite deeper, checkboxes strike a fleuron. 20 components · 2 themes · Abril Fatface, Libre Caslon Text Moss design system β€” Calm and organic: pebble buttons, stone, one sprout-green accent. Moss Second wave Calm and organic: pebble buttons, stone, one sprout-green accent. 12 components · 2 themes · Alegreya, Alegreya Sans Neon design system β€” Signage after hours: bent-glass tubes that buzz on, flicker once, and switch off for daylight. Neon Statement looks Signage after hours: bent-glass tubes that buzz on, flicker once, and switch off for daylight. 20 components · 2 themes · Monoton, Tilt Neon, Urbanist Orbit design system β€” Celestial and gravitational: planets, orbits and star charts; buttons sink into gravity wells. Orbit Industry kits Celestial and gravitational: planets, orbits and star charts; buttons sink into gravity wells. 28 components · 2 themes · Unbounded, Geist, Geist Mono Origami design system β€” Folded paper: hinged 3D unfolds, press-creases, flipping flaps, paper-plane toasts on a washi page Origami Statement looks Folded paper: hinged 3D unfolds, press-creases, flipping flaps, paper-plane toasts on a washi page 20 components · 2 themes · Gabarito, Albert Sans Overprint design system β€” Risograph zine: two spot inks overprinting on paper, halftone, stamps. Overprint Originals Risograph zine: two spot inks overprinting on paper, halftone, stamps. 21 components · 2 themes · Bricolage Grotesque, Newsreader, Courier Prime Patchbay design system β€” Premium hardware panel: keys with travel, knobs, faders, LEDs, readouts. Patchbay Originals Premium hardware panel: keys with travel, knobs, faders, LEDs, readouts. 23 components · 2 themes · Archivo, Martian Mono Phosphor design system β€” A CRT text-mode UI: amber/green/paper phosphor, afterglow highlight bars, panes that draw, a real shell Phosphor Statement looks A CRT text-mode UI: amber/green/paper phosphor, afterglow highlight bars, panes that draw, a real shell 24 components · 3 themes · VT323, Share Tech Mono Plinth design system β€” A contemporary art museum as UI: frames that settle level, plinth cards, wall-label tips, spotlight hovers. Plinth Statement looks A contemporary art museum as UI: frames that settle level, plinth cards, wall-label tips, spotlight hovers. 20 components · 2 themes · Instrument Serif, Instrument Sans Pop design system β€” The Simple Stack house look: flat pop colour, ink outlines, hard shadows, label pills, buttons that press. Pop House look The Simple Stack house look: flat pop colour, ink outlines, hard shadows, label pills, buttons that press. 27 components · 2 themes · Bricolage Grotesque, Space Grotesk Refresh design system β€” An e-ink panel as a design system: 16 greys, dithered art, and changes that flash, invert and leave ghosts. Refresh Statement looks An e-ink panel as a design system: 16 greys, dithered art, and changes that flash, invert and leave ghosts. 20 components · 2 themes · Literata, Libre Franklin Satchel design system β€” School websites in exercise-book lines: house colours, merit stamps, red-pen ticks, peeling desk calendars. Satchel Industry kits School websites in exercise-book lines: house colours, merit stamps, red-pen ticks, peeling desk calendars. 34 components · 2 themes · Lexend, Gochi Hand Scaffold design system β€” A premium builder's site kit: concrete, oak, steel and hi-vis β€” machine buttons, spirit levels, tape measures. Scaffold Industry kits A premium builder's site kit: concrete, oak, steel and hi-vis β€” machine buttons, spirit levels, tape measures. 29 components · 2 themes · Big Shoulders Display, Big Shoulders Stencil Display, Public Sans Shipyard design system β€” Engineering-studio kit: blocks that seat in hatched slots, live deploy pipelines, stamped case studies. Shipyard Industry kits Engineering-studio kit: blocks that seat in hatched slots, live deploy pipelines, stamped case studies. 30 components · 2 themes · Mona Sans, Spline Sans Mono Slaps design system β€” Pop meets a sticker sheet: die-cut vinyl stickers that slap, curl and peel. Slaps Pop family Pop meets a sticker sheet: die-cut vinyl stickers that slap, curl and peel. 15 components · 2 themes · Lilita One, Nunito Squiggle design system β€” Pop meets 80s Memphis: confetti, squiggles, clashing geometry. Squiggle Pop family Pop meets 80s Memphis: confetti, squiggles, clashing geometry. 17 components · 2 themes · Shrikhand, Outfit Sumi design system β€” Sumi ink on washi, one vermilion hanko: brush-stroke reveals, ink-drop presses, ensō loaders, stamped seals. Sumi Statement looks Sumi ink on washi, one vermilion hanko: brush-stroke reveals, ink-drop presses, ensō loaders, stamped seals. 19 components · 2 themes · Shippori Mincho B1, Zen Kaku Gothic New, Yuji Boku Tabletop design system β€” Board game night as UI: wooden pieces you push, cards that flip, a 3D die that tumbles, pawns that hop. Tabletop Statement looks Board game night as UI: wooden pieces you push, cards that flip, a 3D die that tumbles, pawns that hop. 20 components · 2 themes · Luckiest Guy, Baloo 2 Telemetry design system β€” Mission-control HUD: brackets that lock on, readouts that scramble, guarded switches and arm-then-fire buttons Telemetry Statement looks Mission-control HUD: brackets that lock on, readouts that scramble, guarded switches and arm-then-fire buttons 21 components · 2 themes · Oxanium, Azeret Mono Varsity design system β€” Collegiate and athletic: chenille patches, stitching, scoreboard numerals. Varsity Second wave Collegiate and athletic: chenille patches, stitching, scoreboard numerals. 12 components · 2 themes · Graduate, Barlow, Barlow Condensed Vital design system β€” Calm, AAA-clear GP surgery kit: ECG-paper page, soft-pressure buttons and a heartbeat that draws. Vital Industry kits Calm, AAA-clear GP surgery kit: ECG-paper page, soft-pressure buttons and a heartbeat that draws. 30 components · 2 themes · Source Serif 4, Source Sans 3 Wayfinder design system β€” Transit signage: enamel signs, route colours, split-flap boards. Wayfinder Second wave Transit signage: enamel signs, route colours, split-flap boards. 13 components · 2 themes · Overpass, Overpass Mono

Three steps to a whole new site

  1. 1Pick a design

    Open any card for live, runnable previews of the pack's real example pages β€” in every theme it ships.

  2. 2Set one line

    SITE_DESIGN="<slug>" in .env. The pack is already vendored in your copy β€” fonts and all.

  3. 3Reload

    Your marketing site, CMS pages and emails pick up the new skin. Change your mind? Change the line.

Want the house look with your own colours instead? Browse 20 accent palettes →