Design System
Playground Zur Vorlage

LayoutsBlog-Übersicht

Layout · Seite · unique

Blog-Übersicht

layouts/Blog.astro

Seiten-Layout für die Echos-Übersicht: BasisArchiv-Hülle mit kompaktem Text-Hero, BlogUebersicht featured-raster (bringt Filter, Grid, Pagination selbst mit) und Newsletter band als Schluss — kein Final-CTA-Slot.

Regeln

  • Nutzt BasisArchiv — Header, Hero-Slot, Fuß kommen aus der Hülle; filter- und pagination-Slot bleiben leer, weil BlogUebersicht featured-raster ihre eigene FilterLeiste, ihr eigenes Grid und ihre eigene Pagination mitbringt.
  • cta-Slot bekommt `<Fragment slot="cta" />` — die Hülle würde sonst FinalCta split · paper als Fallback rendern; Newsletter band ist bewusst der Schluss.
  • Kein Nacht-Wechsel im Hauptteil — nur der Hero (TextOnly, fest) liegt auf Nacht, BlogUebersicht und Newsletter bleiben paper.
  • CTA-Dichte: Hero (1), Newsletter-Formular (2) als Schluss-Aktion statt Final-CTA.
  • hero nimmt Inhalts-Props von der Seite an; BlogUebersicht und Newsletter laufen mit fester Variante (keine Inhalts-Props deklariert).

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Hero TextOnly kompakt „Echos“ · fest · nachtDefaultMobil: Satz vor Bild · CTA: 1
02BlogUebersicht · featured-raster · paperDefaultMobil: Bild vor Satz, 3 → 2 → 1 · CTA: —
03Newsletter · band · paperDefaultMobil: gestapelt · CTA: 2

Live

/vorlagen/blog