Design System
Playground Zur Vorlage

LayoutsBasis Standard

Layout · Basis-Hülle · unique

Basis Standard

layouts/BasisStandard.astro

Hülle für Marketing-Seiten mit Hero: Scroll-Header, Pflicht-Hero, freier Inhalt, Final-CTA im Slot, großer Fuß.

Regeln

  • Hero-Slot ist Pflicht — die Hülle setzt keinen Default-Hero.
  • cta-Slot trägt FinalCta band · paper als Default, überschreibbar.
  • Zwischen Header und Hero kein Abstand; Header sitzt sticky über der Fläche — surface="nacht", weil der transparente Zustand über dem Nacht-Hero liegt.
  • Nie zwei Nacht-Sektionen hintereinander — die Seite entscheidet, die Hülle gibt nur Paper als Grund.

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Skip-Link · Zum Inhalt · paperDefaultErster Tabstopp, sr-only bis Fokus
02HeaderV2 · scroll · nachtBleedSticky top-0, 64 → 48 beim Scrollen
03hero-Slot · Pflicht · nachtWideSatz vor Bild · CTA 1
04main · default-Slot · paperDefaultRhythmus py-16/24/32 je Sektion
05cta-Slot · FinalCta band · paperDefaultCTA 3, invers zur Vorgänger-Fläche
06FooterV2 · gross · nachtBleedSpalten 4 → 2 → 1

Live

/vorlagen/basis-standard