Unser Baukasten
Alle Bausteine an einem Ort – so, und nur so, sehen sie aus. Claude kopiert genau diese, erfindet nichts.
① Farben
② Titel & Text (Schrift-Grössen)
Seitentitel (H1) · 3rem
grün · nur 1× pro Seite (Hero ganz oben)
Sektionstitel (H2) · 2.25rem
grün · Titel jeder Sektion
Box-Titel (H3) · 18px
anthrazit · Titel innerhalb einer Box/Karte
Untertitel / Lead · 19px · anthrazit · Einleitungssatz direkt unter einem Titel.
Standardtext · 17px · grau · dieser Fliesstext ist überall gleich gross – in jeder Sektion und in jeder Box.
Klein / Meta · 14px · grau · nur für Hinweise, Captions, Fusszeilen.
③ Kicker + Section-Header (so beginnt jede Sektion)
So funktioniert der Kirchenaustritt
Der kleine grüne Kicker (Grossbuchstaben) steht über dem Titel und ist kleiner als dieser. Kicker nur, wenn gewünscht.
④ Box / Karte (weiss · Rahmen · Schatten · 24px Innenabstand)
Box-Titel
Text in einer Box ist immer Standardtext (17px, grau) – in allen Boxen identisch. Nie am Rand klebend.
⑤ Button (grün · rund)
⑥ Kanton-Titel (Wappen/Icon LINKS · Kicker + H1 rechts daneben)
Kirchenaustritt Luzern
Wappen (bzw. Icon) steht links, vertikal zentriert. Rechts daneben: Kicker oben, H1 darunter. So – und nur so – sieht ein Icon/Wappen neben einem Titel aus.
⑦ Prozesskette (Icon oben · Text unter dem Icon · Verbindungslinie zwischen den Icons)
Immer identisch: rundes Icon-Feld (grün-hell) oben, Beschriftung darunter, dünne Verbindungslinie zwischen den Icons. Anzahl Schritte variabel, Aufbau nie.
⑧ Kantonswappen (Standard-Icon-Stil · Raster 8 pro Reihe · gleichmässiger Abstand)
Einzel-Icon .kiau-kah__wap
Standard-Design für alle Wappen-Icons: Radius 12px, 1px line-Rahmen, kein Padding/Hintergrund/Schatten (Stil .kiau-kah__wap). Nebeneinander gilt: Kacheln kleben nie – immer gleichmässiger Abstand rundum (Grid gap ≥ 12px, links=rechts=oben=unten).