Neo-Brutalismus
Roh, laut, unübersehbar. Dicke schwarze Rahmen, harte Schatten, knallige Farben und riesige Typografie. Demo: Kreativagentur LAUTSTARK.
Demo ansehenGlassmorphism
Mattglas-Karten über leuchtenden Farbnebeln — modern, technisch, hochwertig. Ideal für Apps, SaaS und Fintech. Demo: Banking-App AURIA.
Demo ansehenEditorial
Typografie wie aus dem gedruckten Magazin: edle Serifen, asymmetrisches Raster, viel Weißraum. Für Marken mit Haltung und Inhalt. Demo: Journal KONTUR.
Demo ansehenRetro-Futurismus
Neon, Gitterhorizont und 80er-Sonnenuntergang — maximale Atmosphäre für Events, Gaming und Entertainment. Demo: Festival NEON HORIZONT '86.
Demo ansehenOrganischer Minimalismus
Erdige Töne, weiche Formen, viel Ruhe. Die Sprache von Wellness, Naturkosmetik und bewussten Marken. Demo: Hautpflege ERDA.
Demo ansehenSwiss Style
Strenges Raster, monumentale Grotesk, Schwarz-Weiß plus ein Signalrot — Präzision als Ästhetik. Für Beratung, Ingenieurwesen, Architektur. Demo: Ingenieurbüro ACHSE.
Demo ansehenDark Luxury
Tiefes Schwarz, Champagner-Gold und monumentale Serifen — Eleganz durch Weglassen, wie ein abgedunkelter Showroom. Demo: Boutique-Hotel VESPERA.
Demo ansehenBento-Grid
Modulare Kacheln unterschiedlicher Größe erzählen Features visuell — der Produktseiten-Stil von Apple bis Vercel. Demo: Smart-Home-Zentrale KUBO One.
Demo ansehenMaximalismus / Anti-Design
Alles drauf, alles mit Absicht: Collage-Layer, clashende Farben, Typo-Chaos, Sticker, Tape und Marquees — Gen-Z-Energie pur. Demo: Streetwear-Label KRAWALL®.
Demo ansehenClaymorphism
Weiche 3D-Formen wie aus Knete: bonbonfarbene Flächen, plastische Schatten und squishy Micro-Interactions. Demo: Kinder-Lern-App KLEXI.
Demo ansehenAurora / Dark-SaaS
Nordlicht-Verläufe auf Fast-Schwarz, feine Glow-Linien und messerscharfe UI — die Ästhetik moderner Developer-Tools à la Linear. Demo: Issue-Tracker BOREAL.
Demo ansehenArt déco
Sunburst, Chevron und Gold auf Smaragd — die Geometrie-Opulenz der 20er, würdevoll ins Web übersetzt. Für Bars, Hotels, Theater, Genussmarken. Demo: Bar & Varieté SALON SMARAGD.
Demo ansehenTerminal / Mono
Phosphorgrün auf Schwarz, alles Monospace, Befehlszeile statt Buttons — Hacker-Chic mit funktionierendem Fake-Terminal. Demo: Security-Firma nullsektor_.
Demo ansehennullsektor_
$ ./demo --start
> bereit
Kinetische Typografie
Schrift ist das Interface: variable Buchstaben morphen beim Scrollen, Wörter tanzen, fast ohne Farbe und Bild. Demo: Motion-Studio LAUFWEITE.
Demo ansehenNeo-Memphis
Fröhliche Geometrie: Squiggles, Konfetti und Pastell mit schwarzer Kontur — verspielt, aber komponiert. Für Podcasts, Bildung, Events. Demo: Podcast-Netzwerk QUASSEL!.
Demo ansehenClean Corporate
Die sichere Mitte: helles Layout, viel Weißraum, weiche Schatten und ein souveränes Indigo — vertrauenswürdig und sofort verständlich. Für B2B-SaaS, Corporate, Plattformen. Demo: Projektplanung PLANBAR.
Demo ansehenIllustrativ & Handgezeichnet
Handgezeichnete Wärme: Kritzel-Unterstreichungen, Sticker und freundliche Illustrationen statt Stockfotos — menschlich, ohne kindlich zu wirken. Für Apps, Health, Bildung. Demo: Achtsamkeits-App GEMÜT.
Demo ansehenMonochrome Tech
Developer-Minimalismus à la Vercel: radikal schwarz-weiß, Hairline-Raster statt Schatten, Code als Designelement — präzise wie ein Instrument. Für Dev-Tools, AI-Infra, Tech-Plattformen. Demo: Edge-Plattform KANTE.
Demo ansehenDeveloper-Whimsy
Harte Technik, verspielt verpackt — à la klassisches fly.io: Tauben mit Pilotenbrille liefern Webhooks, die Copy zwinkert, die Fakten sitzen. Für Dev-Tools mit Persönlichkeit. Demo: Message-Dienst BRIEFTAUBE.
Demo ansehenScrollytelling
Cinematische Produkt-Inszenierung wie bei Apple: dunkle Bühne, scrollgesteuerte Dramaturgie — das Produkt dreht, zoomt und zerlegt sich, während die Seite Stufe um Stufe stiller wird. Für Launches, Hardware, Premium-Marken. Demo: Kopfhörer STILLE.
Demo ansehenGenerative Art
Code als Pinsel: Ein Flow-Field aus tausenden Partikeln reagiert auf die Maus, jede Grafik wird live berechnet — kein Besuch gleicht dem anderen. Für Musik-Tech, Kreativtools, Studios. Demo: Synthesizer-Manufaktur OSZILLA.
Demo ansehenSpatial Design
Echte räumliche Tiefe aus purem CSS: eine Uhr aus gestaffelten 3D-Ebenen, die sich zur Maus neigt, ein Kaliber, das beim Scrollen auseinanderfährt. Für Luxusgüter, Manufakturen, Premium-Produkte. Demo: Uhrenmanufaktur MERIDIAN.
Demo ansehenLiquid Design
Alles fließt: morphende Blobs, Buttons, an die Tropfen flüssig andocken, animierte Wellen zwischen den Sektionen — Bewegung als Markenkern. Für Beauty, Beverage, Wellness. Demo: Mineralwasser QUELLE No. 7.
Demo ansehenHeritage / Craft Revival
Letterpress-Typografie auf Leinenpapier, Zunftstempel, Sägezahnkanten und CSS-Holzmaserung — Tradition als Designsprache. Für Handwerk, Manufakturen, Familienbetriebe. Demo: Zimmerei STAMM & SOHN.
Demo ansehenBlueprint / Blaupause
Die Sprache des Reißbretts: Cyanotypie-Blau, technisches Raster, Maßketten und Höhenkoten — Pläne, die sich beim Scrollen selbst zeichnen, Rotstift inklusive. Für Architekten, Ingenieure, Bauträger. Demo: Architekturbüro AUFRISS.
Demo ansehenRisograph / Risodruck
Echtes Druck-Gefühl im Browser: körniges Papier, Halbton-Raster und Überdruck, bei dem zwei Schmuckfarben zu einer dritten verschmelzen — inklusive charmantem Fehlregister. Für Studios, Kultur, Editionen. Demo: Druckwerkstatt ÜBERDRUCK.
Demo ansehenKonstruktivismus
Russische Avantgarde als Plakat: kühne Diagonalen, Rot-Schwarz auf Creme, kondensierte Versalien und agitatorische Geometrie. Maximale Haltung für Marken mit Kante. Demo: Kaffeerösterei ROTSTERN.
Demo ansehenKosmisch / Celestial
Tiefer Nachthimmel als Bühne: ein animiertes Sternenfeld, umlaufende Planeten, selbstzeichnende Sternbilder und driftende Nebel — Ehrfurcht in Code. Für Wissenschaft, Kultur, Erlebnis. Demo: Sternwarte & Planetarium FIRMAMENT.
Demo ansehenSolarpunk
Hoffnungsvoller Öko-Futurismus: Jugendstil-Ranken treffen Solartechnik, ein goldener Strahlenkranz, wachsendes Ornament und warmes Licht. Für Energie, Gemeinschaft, nachhaltige Marken. Demo: Energie-Genossenschaft ARKADIA.
Demo ansehenTattoo-Flash
Old-School-Tätowierkunst auf aufgealtertem Papier: kräftige schwarze Konturen, flache Flash-Farben, Herz mit Spruchband, Anker, Schwalbe und Rose, dazu Fraktur und Banner-Script. Für Handwerk, Subkultur, kompromisslose Marken. Demo: Tätowierstube NADELWERK.
Demo ansehenCinematic Editorial
Filmische Inszenierung statt Scroll-Choreografie: Letterbox-Rahmen, Timecodes und „Einstellungen“, ein Lichtkegel, der das Produkt aus dem Dunkeln holt, Filmkorn und ruhige Zeilen-Reveals. Warmes Gold auf Schwarz, hochkontrastige Didone. Für Premium, Genuss, erzählende Marken. Demo: Single-Malt-Brennerei GLUT.
Demo ansehenRomantische Eleganz
Eine Einladung als Webseite: gravierte Versalien, eine zarte Schreibschrift für die zärtlichen Momente, botanische Linienkunst und ein Wachssiegel. Warmes Elfenbein, Blush, Salbei und Champagner-Gold, dazu ruhig vorbeitreibende Blütenblätter. Für Hochzeiten, Feste und alles Festlich-Persönliche. Demo: Hochzeitsatelier EWIG.
Demo ansehenJugendstil
Art Nouveau um 1900, ins Web übersetzt: geschwungene Peitschenhieb-Linien, ornamentale Bogen-Rahmen, florale Linienkunst und eine Libelle als Leitmotiv. Moosgrün, Elfenbein und Altgold, dazu kalligrafische Akzente. Der organische Gegenpol zum Art déco — für Manufakturen, Parfüm, alles Sinnlich-Kunstvolle. Demo: Parfümerie LIBELLE.
Demo ansehenBauhaus
Kreis, Dreieck, Quadrat — Rot, Gelb, Blau. Die Dessauer Schule als Webseite: plakative Grundformen-Kompositionen, dicke schwarze Linien, kompromisslose Kleinschreibung und Typografie wie von Herbert Bayer. Funktional, ikonisch, hundert Jahre alt und immer noch radikal modern. Demo: Möbelmanufaktur GRUNDFORM.
Demo ansehenJapandi / Wabi-Sabi
Die Schönheit des Unvollkommenen: viel Leere, asymmetrische Komposition, Washi-Texturen, ein unvollendeter Enso-Kreis und Keramik mit goldenen Kintsugi-Bruchlinien. Gebrochenes Weiß, Ton und Tusche-Anthrazit, vertikale Textzeilen als stiller Akzent. Für alles Handwerklich-Kontemplative. Demo: Keramikatelier TONARI.
Demo ansehenSkeuomorphismus
Digitale Oberflächen, die man anfassen möchte: gebürstetes Aluminium, Walnuss-Seitenteile, verschraubte Panels, drehbare Knöpfe, Kippschalter, zuckende VU-Meter und warm glühende Röhren — alles in purem CSS. Die Königsdisziplin der Material-Imitation, mit Liebe zur Schraube. Demo: Audio-Plugin-Manufaktur RÖHRENWERK.
Demo ansehen+4.0 dB · 87 %
Mid-Century Modern
Atomic-Age-Werbewelt einer Hebelmaschinen-Manufaktur: Starburst-Preisplaketten, Nierenformen und ein Retro-Inserat von 1958 — warm, geometrisch, charmant optimistisch. Demo: Espressomaschinen-Manufaktur FAVORIT.
Demo ansehenDM 298,– die neue FAVORIT Espresso · Anno 1958
Vintage-Reiseplakat
Alpenplakat der 1930er: Strahlenkranz-Sonne, gestaffelte Bergsilhouetten, eine fahrende Gondel und eine Emaille-Fahrplantafel — Sehnsucht in flächigen Farben. Demo: Bergbahn WOLKENSTEIG.
Demo ansehenPop-Art
Comic-Brause mit Ben-Day-Raster, Sprechblasen, einer Comicstrip-Origin-Story und Warhol-Wand — laut, knallig und mit einem Augenzwinkern in Siebdruckfarben. Demo: Limonadenmarke PENG!.
Demo ansehenPsychedelik
Fillmore-Konzertposter im Browser: gewölbter Schriftzug, rotierender Strahlenkranz, Lava-Blobs und drehende Plattenscheiben — hypnotisch fließend wie eine Liquid-Light-Show. Demo: Plattenlabel TRAUMWELLE.
Demo ansehenHigh-Fashion-Minimalismus
Didone-Strenge wie aus dem Couture-Lookbook: riesige gesperrte Versalien, Haarlinien als einziges Ornament, ein asymmetrisches Lookbook und sehr viel Leerraum. Demo: Modehaus FASSON.
Demo ansehenPixel-Art
CRT-Titelbildschirm mit Scanlines, CSS-Pixel-Sprites, Level-Select, Quest-Log und Save-Game-Newsletter — 8-Bit-Nostalgie, Pixel für Pixel von Hand gesetzt. Demo: Indie-Game-Studio PIXELHERZ.
Demo ansehenFraktur / Blackletter
Monumentale Fraktur, Holzschnitt-Schraffur und ein Wachssiegel treffen auf cleanes Layout — dunkel, würdevoll und genau zwischen Anno 1487 und heute. Demo: Craft-Brauerei FINSTERBRÄU.
Demo ansehenEditorial-Infografik
Diagramme, Isobarenkarten und Fußnoten als tragendes Gestaltungselement — jede Linie hat eine Achse, jede Zahl eine Quelle. Datenjournalismus als Designsprache. Demo: Wetterdienst ISOBAR.
Demo ansehenLetterpress
Hochzeitspapeterie im Browser: Büttenpapier, Tiefprägung, Goldfolie und Wachssiegel — eine komplette Einladung mit Countdown, Tagesablauf und Antwortkarte. Demo: Hochzeit von JOHANNA & VINCENT.
Demo ansehenMediterran
Ägäisblau auf Kalkweiß: Mäander-Bordüren, Olivenzweige, eine Amphore und eine Speisekarte vom Holzkohlegrill — Urlaub als Designsprache, Philoxenia inklusive. Demo: griechische Taverne ESTIA.
Demo ansehenNeon-Noir
Cyberpunk als Dokument statt Deko: ein vertikaler Abstieg, der Stockwerk für Stockwerk durch die gestapelte Neon-Megacity fällt — Scanlines, Helligkeitsabfall, echte Zahlen. Inhalt statt Marke: die Kowloon Walled City (1898–1994), dichtest besiedelte Stelle der Erde.
Demo ansehenSurrealismus
Surrealismus als einzig richtige Bildsprache — denn nur der REM-Schlaf ist surreal. Scrollen ist der ~90-Minuten-Zyklus von wach bis Traum, ein Mond, der ein Auge ist, schwebende Inseln, ein laufendes Hypnogramm. Inhalt: die Wissenschaft von Schlaf & Traum.
Demo ansehenOp-Art
Op-Art als Wissenschaft: Hermann-Gitter, Müller-Lyer, Moiré und Mach-Bänder — interaktiv und prozedural (WebGL · Canvas · SVG), mit zuschaltbaren Beweis-Markern. Inhalt: optische Täuschungen und wie das Gehirn sehen lernt.
Demo ansehenCollage
Collage als Leonardos echte Arbeitsmethode: Skizzen mit Klebeband und Rissen, Stempel, Papierfaser — und echte Spiegelschrift, die eine mitlaufende Lupe lesbar dreht. Inhalt: die Notizbücher von Leonardo da Vinci (~7.200 Seiten).
Demo ansehenNeumorphismus
Neumorphismus ist hier die Erfindung selbst — geprägte Punkte als weiche UI-Extrusionen. Ein tastbares Alphabet und ein Wort, das man in korrekte Braille-Zellen prägt; Barrierefreiheit als Kernthema, nicht Dekor. Inhalt: Louis Braille und die Schrift aus sechs Punkten.
Demo ansehenIsometrie
Iso-3D macht ein massives Bauwerk lesbar — ein axonometrischer Schnitt, durch den man beim Scrollen aufsteigt: Eingang, Große Galerie, Königskammer. Inhalt: die Cheops-Pyramide von Gizeh, ein Schnitt durch den Berg.
Demo ansehenBuntglas
Buntglas ist hier kein Zitat, sondern das Thema selbst — leuchtende Farbfelder, schwarze Bleiruten, und eine Sonne, die beim Scrollen von Morgen bis Abend durch die Wand wandert. Inhalt: die Sainte-Chapelle in Paris (1248).
Demo ansehenSteampunk
Steampunk funktioniert hier wirklich: eine prozedurale Dampfmaschine, deren Kolben, Schwungrad und Fliehkraftregler mechanisch korrekt gekoppelt sind. Inhalt: die Dampfmaschine und die Industrielle Revolution (Newcomen · Watt).
Demo ansehenDark Academia
Dark Academia als historische Wahrheit — ein dunkler Lesesaal, in dem nur die wenigen geretteten Codices als Lichtinseln aufglühen. Inhalt: die Bibliotheca Corviniana, die verlorene Königsbibliothek des Matthias Corvinus.
Demo ansehenGotik
Gotik als Erkenntnisform: ein zweibahniges Maßwerk-Fenster trennt belegte Geschichte vom Schauerroman-Mythos. Inhalt: Dracula — der historische Vlad III. Țepeș und Bram Stokers Roman von 1897.
Demo ansehenAquarell
Aquarell als Methode: weiche, ineinanderlaufende Farbfelder, in denen sich der Himmel selbst benennt. Inhalt: der Wolkenatlas — wie Luke Howard 1802 den Wolken ihre Namen gab (Cirrus, Cumulus, Stratus, Nimbus).
Demo ansehenUkiyo-e
Japanischer Holzschnitt als Reiseerzählung: bokashi-Verläufe, Schlüsselplatte, Farbe für Farbe. Inhalt: Hiroshiges Tōkaidō — die 53 Stationen von Edo nach Kyōto, eine Straße in dreiundfünfzig Wettern.
Demo ansehenFilm Noir
Schwarzweiß-Kino: harte Schlagschatten, ein wanderndes Schlüssellicht, Rauch und Nebel. Inhalt: Casablanca (1942) und sein Regisseur Michael Curtiz — Kertész Mihály aus Budapest.
Demo ansehenWestern
Wild-West-Plakat in Holzletter und Sepia — schwenke den Kies, finde das Gold. Inhalt: der Kalifornische Goldrausch (1848–1855), ehrlich erzählt auch mit seinen Schattenseiten.
Demo ansehenBotanisch
Herbarium-Ästhetik: gepresste Pflanzen, Etiketten, ein verzweigter Klassifikationsbaum. Inhalt: Carl von Linné und die Systema Naturae — wie aus einem ganzen Satz ein zweiteiliger Name wurde.
Demo ansehenCottagecore
Warme Landidylle: Wabenraster, Wiesenblumen, handgeschriebene Etiketten, Honiggold auf Leinen. Inhalt: die Honigbiene — der Schwänzeltanz, das Sechseck-Optimum und warum Bestäubung zählt.
Demo ansehenNautisch
Maritimes Instrumenten-Design: Marineblau, Messing, Kompassrose, Seekarte. Inhalt: das Längenproblem und John Harrisons Seeuhr — zwei Uhren, ein Längengrad (eine Stunde sind 15 Grad).
Demo ansehenBarock
Opulenter Spiegelsaal bei Kerzenlicht: Blattgold, Stuck, schwere Rahmen. Inhalt: Schloss Esterháza & Joseph Haydn — das ungarische Versailles und die Abschiedssinfonie, deren Kerzen eine nach der anderen erlöschen.
Demo ansehenGrunge / Zine
Fotokopie-Körnung, Schreibmaschine, Klebeband, Durchschlag-Blässe. Inhalt: Szamizdat — die selbst herausgegebene Untergrund-Publizistik im Ostblock; die Seite kopiert sich beim Scrollen sichtbar weiter.
Demo ansehenComic
Schwarze Panel-Ränder, Sprechblasen, Ben-Day-Punkte, fette Onomatopoesie. Inhalt: die Sprache des Comics — Panel, Gutter und „Closure": lesen, was zwischen den Bildern passiert.
Demo ansehenScherenschnitt
Tiefschwarze Silhouetten, gestaffelte Papierebenen, warmes Licht von unten. Inhalt: Lotte Reiniger & die Silhouetten-Animation — wie sie mit der Schere den abendfüllenden Trickfilm „Prinz Achmed" (1926) schnitt.
Demo ansehenKubismus
Facettierte Flächen, mehrere Ansichten zugleich, harte Schnittkanten. Inhalt: die Geometrie der Kristalle — 7 Systeme, 14 Gitter, Symmetrie und die „verbotene" fünfzählige Ordnung.
Demo ansehenFuturismus
Dynamik, Diagonalen, Speed-Lines, Maschinen-Tempo. Inhalt: die Schallmauer — wie Chuck Yeager 1947 in der Bell X-1 als Erster schneller flog als der Schall.
Demo ansehenStickerei
Wolle auf Leinen, Stielstich-Konturen, gedämpfte Pflanzenfarben, Bordüren. Inhalt: der Teppich von Bayeux — die normannische Eroberung 1066, fast 70 Meter mit der Nadel erzählt.
Demo ansehenSumi-e
Reispapier, ein Tuschestrich, viel Weißraum, ein zinnoberrotes Siegel. Inhalt: Matsuo Bashō & das Haiku — ein Atemzug, drei Zeilen: 5-7-5, Kigo, Kireji.
Demo ansehenKupferstich
Gestochene Linienkunst, Schraffur statt Fläche, Tinte auf Creme, ein Goldglanz. Inhalt: Guilloche & Sicherheitsdruck — warum Geld so aussieht: Trochoiden-Mathematik, Stahlstich, EURion.
Demo ansehenHolzschnitt
Grobe Schnittkante, harte Schwarzflächen, sichtbare Werkzeugspur, ein Zinnoberrot. Inhalt: der Totentanz — Danse macabre im Schatten der Pest, vom Papst bis zum Bettler.
Demo ansehenMosaik
Tausende Glaswürfel, feine Fugen, Goldgrund auf Nachtblau, ein Licht, das flimmert. Inhalt: byzantinische Mosaiken — Ravenna & die Hagia Sophia, aus Licht gesetzt.
Demo ansehenIllumination
Pergament, geflochtenes Knotenwerk, Eisengallus-Tinte, ein glühendes Orpiment-„Gold". Inhalt: das Book of Kells — insulare Buchmalerei um 800, das Werk eines Engels.
Demo ansehenAnti-Design
Gebrochene Hierarchie, überlappende Schnipsel, kontrollierter Zufall, rohe Defaults. Inhalt: Dada — Cabaret Voltaire, Zürich 1916: gegen den Sinn, gegen den Krieg.
Demo ansehenKeine Stilrichtung passt zu dieser Kombination.
Lockern Sie einen Filter — oder fangen Sie neu an.