Design System
Playground Zur Vorlage

LayoutsBasis Detail

Layout · Basis-Hülle · unique

Basis Detail

layouts/BasisDetail.astro

Hülle für Einzelseiten: solider Header, Breadcrumb-Zeile im Container, Hero, Inhalt, Verwandtes, Final-CTA mit Proof.

Regeln

  • Breadcrumb steht über dem Hero im container, nicht im Hero selbst.
  • Hero-Slot ohne Default — Leistung, Case Study und Person bringen eigene Heroes mit.
  • related-Slot vor dem cta-Slot: erst weiterlesen, dann anfragen.
  • cta-Slot trägt FinalCta band · paper als Default, überschreibbar oder leer.

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Skip-Link · Zum Inhalt · paperDefaultErster Tabstopp, sr-only bis Fokus
02HeaderV2 · solid · paperBleedFester Grund über dem Pfad
03breadcrumb-Slot · Pfad · paperDefaultEine Zeile, mobil scrollend
04hero-Slot · Pflicht · nachtWideSatz vor Bild · kein CTA
05main · default-Slot · paperDefaultSektions-Rhythmus, CTA 2 in der Mitte
06related-Slot · cta-Slot FinalCta band · FooterV2 grossBleedKarten Bild vor Satz · CTA 3

Live

/vorlagen/basis-detail