Design System
Playground Zur Vorlage

LayoutsBasis System

Layout · Basis-Hülle · unique

Basis System

layouts/BasisSystem.astro

Hülle für Systemseiten: kompakter Header ohne Nav, zentrierte Fläche über 70 vh, minimaler Fuß. Für 404, Wartung und Statusmeldungen.

Regeln

  • Kein Hero, kein CTA-Slot — eine Meldung, ein Weg zurück.
  • main zentriert vertikal (flex items-center) über min-h-[70vh].
  • Header kompakt ohne Nav: Logo bleibt der Rückweg.
  • Inhalt setzt seine Container-Stufe selbst — die Hülle gibt nur die Höhe.

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Skip-Link · Zum Inhalt · paperDefaultErster Tabstopp, sr-only bis Fokus
02HeaderV2 · kompakt · paperBleednav={false}, Höhe 48
03kein Hero · paperDefaultKeine Fläche vor der Meldung
04main · default-Slot · paperDefaultmin-h-[70vh], vertikal zentriert
05kein cta-Slot · paperDefaultEine Aktion im Inhalt, sonst nichts
06FooterV2 · minimal · paperBleedEine Zeile, mobil umbrechend

Live

/vorlagen/basis-system