Sammlung A / 01–05 Entworfen mit Claude Code
Fünf Fundstücke
Härtl Präzision
Lohnfertigung als DIN-Zeichnung: Maßketten, Blattrahmen und Schriftfeld bilden die Website, statt sie nur zu dekorieren.
Projekt öffnen
Hochofen Festival
Ein Musikfestival als Plakatwand: Orange und Ultramarin laufen absichtlich aus dem Passer, das Line-up setzt die Hierarchie.
Projekt öffnen
Weingut Steinhalde
Der Scrollweg führt durch Keuper, Mergel und Stubensandstein. Weine erscheinen als Analysewerte — nicht als Produktkacheln.
Projekt öffnen
Brandt Ostermann
Eine Kanzlei als Registratur: Randziffern, Aktenzeichen und farbige Reiter führen durch Mandate, Honorar und Erstberatung.
Projekt öffnen
Blockwerk Boulder
Sektorplan und Griffkartenfarbe stehen vor Werbung: filterbare Routen, Schraubplan und echte Öffnungslogik machen die Halle greifbar.
Projekt öffnen
Sammlung B / 06–10 Entworfen mit Codex
Fünf Gegenwelten
Kantine Klee
Saisonale Nachbarschaftsküche als zerrissenes Magazin: Menü, Kassenbon und Reservierungsschublade statt glatter Restaurantvorlage.
Projekt öffnen
Nachhall Radio
Community-Radio als physischer Tuner: Frequenzskala, Programmtasten und Kassettenarchiv — ohne die Gesten einer Streaming-App.
Projekt öffnen
Krawumm Labor
Ein Machmuseum zum Anfassen: Magnetfeld, additive Farben und Klangwelle sind echte kleine Experimente in einer lebhaften Heftwelt.
Projekt öffnen
Nordhafen Verkehr
Die Website ist bereits die Haltestelle: Planer, Liniennetz, Abfahrtstafel und Störungsdetails bilden ein kommunales Betriebssystem.
Projekt öffnen
Fokus 40 Augenatelier
Sehzeichen, Farbfilter und Linsenfassungen werden zur Boutique: Ein zugänglicher Fokusvergleich erklärt, statt Diagnosen zu versprechen.
Projekt öffnen
Sammlung C / 11–18 Abgeleitet aus der Mika UX Library
Acht Ableitungen
Die Mika UX Library ist ein Bestand aus 121 gestalterischen Referenzen — je Referenz ein Vertrag über Farbrollen, Typografie, Raster, Bewegung und Zugänglichkeit. Jede Website unten nennt die MXL-Nummern, aus denen sie entstanden ist. Wo eine einzige Nummer steht, wurde nichts gemischt.
Sprudelwerk
Sechs Limonadensorten als gestanzte Sticker auf einem Bogen: aufgeblasene Bänder, ein Mischpult für Paare, Pfand als eigene Zeile.
Eine Vorlage MXL-051
Projekt öffnen
Vehring Orgelbau
Ein Prospekt aus Zinnpfeifen steigt aus dem Schwarz. Register lassen sich ziehen — bis der Wind nicht mehr für alle reicht.
Eine Vorlage MXL-007
Projekt öffnen
Saatgutarchiv
24 Akzessionen als öffentlicher Dienst: filterbar, mit Keimprüfung, Herkunft und einem einzigen Ember für „Nachbau fällig“.
Drei Vorlagen MXL-118 + MXL-090 + MXL-113
Projekt öffnen
Nereus
Die Seite ist die Wassersäule. Beim Scrollen fällt die Tiefenanzeige, das Wasser verdunkelt sich — und der Ton kommt nur, wenn man ihn holt.
Eine Vorlage MXL-040
Projekt öffnen
Uferwiese
Ein Geburtshaus als geflüsterte Serif über einem Pastellhimmel. Der Terminrechner sagt die Rechnung — und was sie nicht kann.
Drei Vorlagen MXL-068 + MXL-079 + MXL-050
Projekt öffnen
Schwarzwerk
Ein Presswerk in reinem Schwarz mit einem einzigen Rot. Bewegung ist hier Navigation: jede Station dreht die Platte um genau eine Umdrehung.
Eine Vorlage MXL-147
Projekt öffnen
Wolkenkamm
Eine Werkstatt für Marmorpapier — und die erste Seite marmoriert wirklich: Jeder Besuch schöpft einen nummerierten Bogen, exakt invertierbar im Browser gerechnet. Kein Bogen zweimal.
Zwei Vorlagen MXL-022 + MXL-040
Projekt öffnen
Blank
Eine Galvanik, deren Wortmarke als gerechnete Chromfläche im Browser entsteht — rohes WebGL, kein Bild. Danach schneidet die Seite hart in eine weiße Galerie, die den Schichtaufbau im wahren Maßstab zeigt.
Eine Vorlage MXL-045
Projekt öffnen
Frühere Websites
Die früheren Framework-Projekte, Branchenvorlagen und das interaktive Stimmzettel-Experiment bleiben vollständig erreichbar, stehen aber nicht mehr in Konkurrenz zur aktuellen Zehner-Auswahl.