Design System
Playground Zur Vorlage

Sektionen · ContentVideo-Section

Sektion · 6 Varianten

Video-Section

sections/VideoSection.astro

Video-Element in der Fläche: voll unter dem Intro, Split, Band randlos, mit Caption, zwei nebeneinander, mit Zitat neben dem Poster.

Notizen

  • Video-Element bringt Poster und Play-Pille. Sektion setzt nur Anordnung.
  • Band: Poster über die Breite, Caption im Container.

Props

Name Typ Default Notiz
variant "voll" | "split" | "band" | "caption" | "zwei" | "mit-zitat" "voll" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<VideoSection variant="voll" surface="nacht" />

01 · Voll

Poster unter dem Intro

Video poster. —

Nacht

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Paper

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

02 · Split

Satz links, Video rechts

Über-uns-Teaser. pt-8.

Nacht

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Paper

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

03 · Band

Randlos, Caption darunter

Über-uns-Teaser band. —

Nacht

Werkstatt, Hamburg. 2 min 14.

Paper

Werkstatt, Hamburg. 2 min 14.

04 · Caption

Dauer unter dem Bild

Video poster-caption. —

Nacht

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Werkstatt, 2 min 14.

Paper

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Werkstatt, 2 min 14.

05 · Zwei

Zwei Videos nebeneinander

Galerie. —

Nacht

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Werkstatt, 2 min 14.
Werkstatt, 2 min 14.

Paper

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Werkstatt, 2 min 14.
Werkstatt, 2 min 14.

06 · Mit Zitat

Zitat unter dem Satz

Zitat-Block quelle. —

Nacht

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Wir bauen keine Websites. Wir legen Fläche, die gefunden wird und trägt.
Daniel Schmidt, Werk

Paper

Werkstatt

Zwei Minuten Werk.

Wie ein Slot läuft, vom Briefing bis zur Abnahme.

Wir bauen keine Websites. Wir legen Fläche, die gefunden wird und trägt.
Daniel Schmidt, Werk