Design System
Playground Zur Vorlage

Komponenten · InhaltMedia-Text

Komponente · 6 Varianten

Media-Text

components/MediaText.astro

Bild und Satz nebeneinander: Eyebrow, H2, Base, optional Haken-Liste und CTA. Grid pt-8 nach Intro-Regel.

Notizen

  • Bestand: Zick-Zack, Value-Prop, Teaser als Sektionen. Kein freier Block mit Bullets + CTA.
  • Wenn Approved: Sektionen setzen ihn als Zeile.

Props

Name Typ Default Notiz
variant "bild-links" | "bild-rechts" | "bullets" | "cta" | "voll" | "schmal" "bild-links" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<MediaText variant="bild-links" surface="nacht" />

01 · Bild links

6 + 5

Über-uns-Teaser. Basis.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

02 · Bild rechts

Spiegel

01. order-2.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

03 · Bullets

Haken-Liste

Checkliste. Icon haken 20.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen

04 · CTA

Secondary unten

CTA. Ein Button.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

05 · Voll

Bullets und CTA

03 + 04. Alles.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen

06 · Schmal

Bild 3:4 in 4 Spalten

Porträt. Satz breiter.

Nacht

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.

Paper

Eyebrow

Form folgt Auftrag.

Kein Theme, kein Stecksystem. Die Fläche wird gelegt, nicht zusammengesetzt.