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.

Kostenlose Live-Tour

Keine Lust auf langes Durchklicken?
Mach die easyWerkstatt-Tour!

In 15 Minuten zeigen wir dir live, wie easyWerkstatt funktioniert – vom Fahrzeugschein-Scan bis zur fertigen Rechnung. Du kannst direkt Fragen stellen. Kein Verkaufsgespräch, keine Verpflichtung.

  • 15 Minuten – alles sehen, nichts selbst durchklicken
  • Live Fragen stellen & sofort Antworten bekommen
  • Kostenlos & komplett unverbindlich
Freie Termine für deine Tour

Wähle deinen Wunschtermin

Direkt in Calendly – 15 Min., kostenlos & unverbindlich

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.