Organisms
Organisms bündeln mehrere Molecules und Atoms zu wiederkehrenden Layouts mit klarer Struktur.
States
Section titled “States”- Default
- With Media
- With Form
Variants
Section titled “Variants”- Centered
- Split
- Full Width
Accessibility
Section titled “Accessibility”- Headline-Hierarchie sauber halten
- CTA-Reihenfolge logisch für Tastatur
- Ein klarer Kern-CTA
- Inhalte knapp und priorisiert
- Bildsprache markenkonsistent
Header
Section titled “Header”States
Section titled “States”- Default
- Sticky
- With Search
Variants
Section titled “Variants”- Compact
- Expanded
- With Utility Bar
Accessibility
Section titled “Accessibility”- Skip Link anbieten
- Fokus-Reihenfolge für Navigation und Aktionen
- Navigationsebenen begrenzen
- Brand-Elemente sichtbar priorisieren
- Schnellzugriffe konsistent halten
Footer
Section titled “Footer”States
Section titled “States”- Default
- With Newsletter
- With Legal
Variants
Section titled “Variants”- Minimal
- Expanded
Accessibility
Section titled “Accessibility”- Link-Listen semantisch gliedern
- Kontrast der Sekundärlinks prüfen
- Rechtliches und Kontakt bündeln
- Struktur wiederverwendbar halten
Navigation
Section titled “Navigation”States
Section titled “States”- Default
- Open
- Active
Variants
Section titled “Variants”- Primary
- Secondary
- Mobile Drawer
Accessibility
Section titled “Accessibility”- Vollständig per Tastatur bedienbar
- Aktive Seite mit
aria-current
- Maximal 5 bis 7 Top-Level-Items
- Aktiven Kontext sichtbar machen