Styleguide

Lebendes Kontrollinstrument: Diese Seite nutzt ausschliesslich die globalen Klassen und Variablen des Design-Systems. Was hier stimmt, stimmt überall.

Typografie

Zwei Dinge. Richtig gut.

Untertitel in Anton

Fliesstext in Instrument Sans: Websites und Online-Shops, gebaut von einem Tech Lead E-Commerce. Direkt, messbar, ohne Agentur-Overhead.

Gedämpfter Text für Beschreibungen und Kartentexte — die häufigste Textrolle.

Leiser Text für Kleingedrucktes, Labels und den Footer.

Ein Textlink in Akzentfarbe mitten im Fliesstext.

Buttons & Chips

Kostenloses Erstgespräch So arbeite ich

10+ Jahre Web Enterprise-Erfahrung Direkter Draht

Karten

Glas-Karte

Standard-Karte mit Glas-Hintergrund, Linie und Karten-Radius.

Mehr dazu →

Noch eine

Karten stehen im Raster mit 18px Lücke, mobil einspaltig.

Mehr dazu →

Glas stark

Hervorgehobene Karte mit stärkerem Glas, stärkerer Linie und Schatten.

Logochips

Logo A

Logo B

Logo C