Komponenten sind Paare mit Absicht.

Zwei oder drei Elemente, die zusammen eine Aufgabe lösen. Varianten erlaubt: CTA mit oder ohne Pille, Proof gestapelt oder in einer Zeile.

Handeln · 2 Varianten

CTA

Zuordnen

Meta

Belegen · 2 Varianten

Proof-Paar

Fläche · 2 Varianten

ASCII-Feld

Kicker · 2 Varianten

Section-Label

Mandat

Logo-Lockup

Leistung · 3 Varianten

Feature-Card

Leistung · 3 Varianten

Service-Card

Echo · 3 Varianten

Blog-Card

Menschen · 2 Varianten

Team-Card

Mandat · 2 Varianten

Pricing-Card

Kachel · 4 Varianten

Bento-Tile

Eine Sektion darf dieselben Elemente selbst setzen. Die Komponente ist die wiederholbare Fassung, kein Zwischenschritt der Hierarchie.

["/system/komponenten/inline-cta", "Komponente · 6 Varianten", "Inline-CTA"], ["/system/komponenten/zaehler", "Komponente · 6 Varianten", "Zähler"], ["/system/komponenten/lade-zustand", "Komponente · 6 Varianten", "Lade-Zustand"], ["/system/komponenten/leerzustand", "Komponente · 6 Varianten", "Leerzustand"], ["/system/komponenten/lightbox", "Komponente · 6 Varianten", "Lightbox"], ["/system/komponenten/meldung", "Komponente · 6 Varianten", "Meldung"], ["/system/komponenten/toast", "Komponente · 6 Varianten", "Toast"], ["/system/komponenten/zustand", "Komponente · 6 Varianten", "Zustand"], ["/system/komponenten/embed-rahmen", "Komponente · 6 Varianten", "Embed-Rahmen"], ["/system/komponenten/upload-zone", "Komponente · 6 Varianten", "Upload-Zone"], ["/system/komponenten/filter-leiste", "Komponente · 6 Varianten", "Filter-Leiste"], ["/system/komponenten/suchfeld", "Komponente · 6 Varianten", "Suchfeld"], ["/system/komponenten/inhaltsverzeichnis", "Komponente · 6 Varianten", "Inhaltsverzeichnis"], ["/system/komponenten/autor-box", "Komponente · 6 Varianten", "Autor-Box"], ["/system/komponenten/callout", "Komponente · 6 Varianten", "Callout"], ["/system/komponenten/zitat-block", "Komponente · 6 Varianten", "Zitat-Block"], ["/system/komponenten/tabelle", "Komponente · 6 Varianten", "Tabelle"], ["/system/komponenten/timeline-item", "Komponente · 6 Varianten", "Timeline-Item"], ["/system/komponenten/step-item", "Komponente · 6 Varianten", "Step-Item"], ["/system/komponenten/checkliste", "Komponente · 6 Varianten", "Checkliste"], ["/system/komponenten/media-text", "Komponente · 6 Varianten", "Media-Text"], ["/system/komponenten/bento-tile-wide", "Komponente · 6 Varianten", "Bento-Tile wide"], ["/system/komponenten/logo-card", "Komponente · 6 Varianten", "Logo-Card"], ["/system/komponenten/stat-card", "Komponente · 6 Varianten", "Stat-Card"], ["/system/komponenten/testimonial-card", "Komponente · 6 Varianten", "Testimonial-Card"], ["/system/komponenten/service-card-quer", "Komponente · 6 Varianten", "Service-Card quer"], ["/system/komponenten/skip-link", "Komponente · 6 Varianten", "Skip-Link"], ["/system/komponenten/wechsel", "Komponente · 6 Varianten", "Wechsel"], ["/system/komponenten/seitennav", "Komponente · 6 Varianten", "Seitennav"], ["/system/komponenten/tabs", "Komponente · 6 Varianten", "Tabs"], ["/system/komponenten/pagination", "Komponente · 6 Varianten", "Pagination"], ["/system/komponenten/breadcrumb", "Komponente · 6 Varianten", "Breadcrumb"], ["/system/komponenten/nav-link", "Komponente · 6 Varianten", "Nav-Link"], ["/system/komponenten/case-study-card", "Komponente · 6 Varianten", "Case-Study-Card"], ["/system/komponenten/akkordeon", "Komponente · 6 Varianten", "Akkordeon"], ["/system/komponenten/vorher-nachher", "Komponente · 6 Varianten", "Vorher-Nachher"], ["/system/komponenten/code-block-prose", "Komponente · 6 Varianten", "Code-Block"], ["/system/komponenten/dialog", "Komponente · 6 Varianten", "Dialog"], ["/system/komponenten/popover", "Komponente · 6 Varianten", "Popover"], ["/system/komponenten/cta-gruppe", "Komponente · 6 Varianten", "CTA-Gruppe"],