Examples

Kitty in der Praxis

Lebende Beispiele zum Durchklicken — jede Seite ist mit denselben Bausteinen und Tokens gebaut.

Bausteine & Referenz

Zum Nachbauen

Typografie

Die komplette Schrift-Skala mit Testsatz plus Anwendungsbeispiele je Schnitt — Zusammenspiel von Headline und Fließtext.

Ansehen

Column-Layouts

Text- und Bild-Text-Spalten: 50/50, 30/70, 70/30 und das 4-Spalten-Raster — mit und ohne Bild.

Ansehen

Styleguide

Alle Tokens und Bausteine auf einer Seite: Farben, Abstände, Buttons, Feature-Grid, Slider, Formular.

Ansehen

Demos

Komplette Beispiel-Sites

Ganze Seiten zum Durchklicken. Sie öffnen in einem neuen Tab, damit du die Übersicht hier nicht verlierst.

Atelier-Demo

Die ursprüngliche Galerie-Demo — Slider, Kontaktformular, Cookie-Consent, Unterseiten. Self-contained.

In neuem Tab öffnen

Selbst bauen

Sag Kitty, was du brauchst.

Jedes dieser Beispiele ist als Prompt in Claude in Minuten machbar.

Arbeiten mit Kitty Zur Startseite