UI-Designs® Ausstellung · 23 Räume · 2026
✦ Design-Ausstellung — HTML / CSS / Vanilla JS

Dreiundzwanzig Welten.
Eine ist Ihre.

Dreiundzwanzig vollständige Landing-Pages, jede in einer anderen topmodernen Stilrichtung — von kompromisslos laut bis butterweich ruhig. Gehen Sie durch die Räume, vergleichen Sie das Gefühl, und sagen Sie uns, welche Welt Ihre Marke sprechen soll.

23Stilrichtungen
23Fiktive Marken
0Frameworks
01

Neo-Brutalismus

Roh, laut, unübersehbar. Dicke schwarze Rahmen, harte Schatten, knallige Farben und riesige Typografie. Demo: Kreativagentur LAUTSTARK.

MutigVerspieltJungAuffällig
Demo ansehen
LAUT! NEU★
02

Glassmorphism

Mattglas-Karten über leuchtenden Farbnebeln — modern, technisch, hochwertig. Ideal für Apps, SaaS und Fintech. Demo: Banking-App AURIA.

TechPremiumDunkelApp-Feeling
Demo ansehen
Kontostand · 12.480 €
03

Editorial

Typografie wie aus dem gedruckten Magazin: edle Serifen, asymmetrisches Raster, viel Weißraum. Für Marken mit Haltung und Inhalt. Demo: Journal KONTUR.

ElegantInhaltsstarkZeitlosHell
Demo ansehen
Schwellenräume № 18 — 2026
04

Retro-Futurismus

Neon, Gitterhorizont und 80er-Sonnenuntergang — maximale Atmosphäre für Events, Gaming und Entertainment. Demo: Festival NEON HORIZONT '86.

NeonNostalgischEventImmersiv
Demo ansehen
Neon
05

Organischer Minimalismus

Erdige Töne, weiche Formen, viel Ruhe. Die Sprache von Wellness, Naturkosmetik und bewussten Marken. Demo: Hautpflege ERDA.

RuhigNatürlichWarmAchtsam
Demo ansehen
atmen
06

Swiss Style

Strenges Raster, monumentale Grotesk, Schwarz-Weiß plus ein Signalrot — Präzision als Ästhetik. Für Beratung, Ingenieurwesen, Architektur. Demo: Ingenieurbüro ACHSE.

PräziseReduziertSeriösZeitlos
Demo ansehen
Achse.
07

Dark Luxury

Tiefes Schwarz, Champagner-Gold und monumentale Serifen — Eleganz durch Weglassen, wie ein abgedunkelter Showroom. Demo: Boutique-Hotel VESPERA.

EdelDunkelEntschleunigtExklusiv
Demo ansehen
Refugium
Vespera
08

Bento-Grid

Modulare Kacheln unterschiedlicher Größe erzählen Features visuell — der Produktseiten-Stil von Apple bis Vercel. Demo: Smart-Home-Zentrale KUBO One.

ModularTechInteraktivProdukt-Launch
Demo ansehen
KUBO
09

Maximalismus / 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®.

LautGen ZCollageMaximal
Demo ansehen
KRAWALL! NEU ★ mehr ist mehr
10

Claymorphism

Weiche 3D-Formen wie aus Knete: bonbonfarbene Flächen, plastische Schatten und squishy Micro-Interactions. Demo: Kinder-Lern-App KLEXI.

VerspieltFreundlichSoft 3DFamilie
Demo ansehen
Drück mich!
11

Aurora / 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.

TechPräziseDunkelSaaS
Demo ansehen
⌘K
Alle Systeme betriebsbereit
12

Art 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.

OpulentGeometrischKlassischGold
Demo ansehen
Salon Smaragd Bar · Varieté · 1926
13

Terminal / Mono

Phosphorgrün auf Schwarz, alles Monospace, Befehlszeile statt Buttons — Hacker-Chic mit funktionierendem Fake-Terminal. Demo: Security-Firma nullsektor_.

MonoRohDev-KulturInteraktiv
Demo ansehen
$ whoami
nullsektor_
$ ./demo --start
> bereit
14

Kinetische Typografie

Schrift ist das Interface: variable Buchstaben morphen beim Scrollen, Wörter tanzen, fast ohne Farbe und Bild. Demo: Motion-Studio LAUFWEITE.

TypografischBewegtMonochromStudio
Demo ansehen
BEWEGUNG KINET!
15

Neo-Memphis

Fröhliche Geometrie: Squiggles, Konfetti und Pastell mit schwarzer Kontur — verspielt, aber komponiert. Für Podcasts, Bildung, Events. Demo: Podcast-Netzwerk QUASSEL!.

FröhlichGeometrischBuntFreundlich
Demo ansehen
QUASSEL!
16

Clean 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.

SeriösHellVertrauenswürdigB2B
Demo ansehen
✓ 99,9 % Uptime
PLANBAR
17

Illustrativ & 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.

WarmMenschlichCharmantIllustriert
Demo ansehen
GEMÜT
18

Monochrome 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.

MonochromPräziseTechnischKühl
Demo ansehen
KANTE $ kante deploy ✓ fertig in 1,2 s
19

Developer-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.

VerspieltTechnischIllustriertWitzig
Demo ansehen
BRIEFTAUBE $ taube send ✓ zugestellt · 38 ms
20

Scrollytelling

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.

CinematischDramaturgischPremiumDunkel
Demo ansehen
STILLE −42 dB
21

Generative 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.

GenerativInteraktivLebendigDunkel
Demo ansehen
OSZILLA seed: 0x3F7A · live
22

Spatial 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.

RäumlichElegantHellPräzise
Demo ansehen
MERIDIAN Kaliber M-21
23

Liquid 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.

FlüssigOrganischFrischHell
Demo ansehen
Quelle No. 7 Alpin · Still · Klar