Klare Strukturen,
wenig Ballast.
Die visuelle Sprache von kamper.dev, destilliert in eine knappe, semantische Token-Schicht — direkt nutzbar in Code, AI-Tools und Figma Make.
01 Komponenten
Das System in Aktion — gebaut aus genau diesen Tokens. So sieht „warm-refined-minimal“ aus: ein Teal-Akzent, Haarlinien statt Schatten, viel Ruhe.
Fließtext in Ink, dazu ein eleganter Link mit dezentem Unterstrich.
02 Farben
Zwei Teals tragen die Marke: #009689 aus dem Logo, das hellere #00bba6 für UI-Akzente, dazu Tiefe in #005f5a. Warme Stone-Neutrale statt kühlem Grau. Klicken kopiert den Wert.
03 Typografie
Switzer, variabel. Die schweren Schnitte tragen die großen Überschriften: Display und H1 laufen auf 800, Abschnitts-Überschriften auf 700, Subheads auf 580 — das leichte 240 bleibt bewusster Kontrast für Zitate und Dekor.
„Gutes Design fällt nicht auf — es trägt.“
Der Body-Satz läuft in Ink (#202020) bei Gewicht 360 mit einer Zeilenhöhe von 1.55. Die größten Überschriften setzen auf 800, Abschnitts-Überschriften auf 700, Subheads auf 580 — Wortmarke und Labels bleiben 800. Kursiv steht ebenfalls über die ganze Achse zur Verfügung — etwa für Betonungen wie diese.
Self-hosted, variabel (100–900), roman + kursiv. Nur für Bildschirm & Code — in Print-Dokumenten wird Mono nicht eingesetzt. Und stets stark gesperrt (große Laufweite, ≥ 0.14em).
04 Maße
Eine 9-stufige Spacing-Skala und vier Radien. Großzügig, ruhig, konsistent.
05 Fonts & Assets
Switzer (Sans) und Azeret Mono (Mono) sind self-hosted — woff2/woff/ttf, variabel, normal + kursiv. Logo als SVG. Alles direkt herunterladbar.
06 Vorlagen
Fertige, markenkonforme Generatoren — direkt im Browser ausfüllen und als PDF, Text, HTML oder AI-Handover ausgeben.