Design System
Playground Zur Vorlage

LayoutsCase-Übersicht

Layout · Seite · unique

Case-Übersicht

layouts/Cases.astro

Seiten-Layout für die Referenzen-Liste: BasisArchiv-Hülle mit kompaktem Text-Hero, sticky Filter-Zeile, Case-Grid, Blättern und Final-CTA — kein Nacht-Wechsel im Hauptteil.

Regeln

  • Nutzt BasisArchiv — Header, Hero-Slot, Filter-Slot, pagination-Slot, cta-Slot kommen aus der Hülle.
  • Filter-Slot trägt FilterZeile sticky · paper; BasisArchiv umschließt den Slot zusätzlich mit einem eigenen sticky top-16-Rahmen.
  • Kein Nacht-Wechsel im Hauptteil — nur der Hero (fest nacht) liegt auf Nacht, alles andere bleibt paper, auch FinalCta.
  • CTA-Dichte: Hero (1), FinalCta (2).
  • hero, caseGrid nehmen Inhalts-Props von der Seite an; FilterZeile und Blaettern laufen mit fester Variante (keine Inhalts-Props deklariert).

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Hero TextOnly · fest · nachtDefaultMobil: Satz vor Bild · CTA: 1
02FilterZeile · sticky · paperDefaultMobil: scrollende Chips, sticky top-16
03CaseGrid · sechs · paperWideMobil: Bild vor Satz, 3 → 2 → 1 · CTA: —
04Blaettern · zahlen · paperDefaultMobil: horizontal scrollend
05FinalCta · band · paperDefaultMobil: — · CTA: 2

Live

/vorlagen/cases