Design System
Playground Zur Vorlage

LayoutsBasis Landing

Layout · Basis-Hülle · unique

Basis Landing

layouts/BasisLanding.astro

Hülle für Kampagnen-Seiten: reduzierter Header ohne Nav, Formular-Hero, Band-CTA, Sticky-CTA unter lg, minimaler Fuß.

Regeln

  • Header reduziert: nur Logo und CTA, Nav über nav={false} aus.
  • Hero-Slot trägt CtaFormular split · nacht als Default — Satz vor Formular.
  • StickyCta leiste läuft mit demo={false} — fixed bottom-0, lg:hidden, z 50, ohne Demo-Hülle; abschaltbar über sticky={false}.
  • Kein Nav heißt kein zweiter Ausgang: eine Aktion, dreimal wiederholt.

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Skip-Link · Zum Inhalt · paperDefaultErster Tabstopp, sr-only bis Fokus
02HeaderV2 · mit-cta · paperBleednav={false} — Logo links, CTA rechts
03hero-Slot · CtaFormular split · nachtDefaultSatz vor Formular · CTA 1
04main · default-Slot · paperDefaultProof-Sektionen, Wechsel paper/nacht
05FinalCta · band · paperDefaultCTA 3 als eingefasstes Band
06StickyCta leiste · FooterV2 minimal · paperBleedFixed bottom-0 lg:hidden z 50, Fuß einzeilig

Live

/vorlagen/basis-landing