Starter Template
Komponenten-Demo
Live-Referenz aller Bausteine im Starter. Nutze diese Seite als Spickzettel beim Aufbau neuer Pages.
Section mit tone="muted"
Diese Section nutzt den abgedämpften Hintergrund (surface-muted) für visuellen Rhythmus zwischen Abschnitten.
Headings
SectionHeader-Varianten
h3 ohne Eyebrow
Mit Eyebrow
h3 mit Eyebrow
Buttons
Container im prose-Modus
Schmalere Spalte (max-w-prose, 672px) für lange Lesetexte — z.B. Blogposts oder Impressum.
Weiterer Absatz zur Demonstration der Text-Breite. Das Default-Container ist 1152px breit.
Picture-Komponente
Bilder aus public/assets/ über Picture.astro. Nutzt die
per scripts/optimize-images.mjs erzeugten -400w.webp,
-800w.webp und -1200w.webp-Varianten. Das Logo im Header
ist ein Live-Beispiel.