Vandenhoeck UX
    • Figma Config: Was wirklich zählt
    • Design System, AI-Ready
    • BFSG, im Design System verankert
  • Ressourcen
  • About
Übersicht
  • Übersicht
  • Foundation
    • Übersicht
    • Farben
    • Typografie
    • Abstände
    • Größen
    • Radius
    • Elevation & Effekte
  • Components
    • Übersicht
    • Button
    • Form Field
    • Select
    • Combobox
    • List Box Item
    • Checkbox & Radio
    • Toggle
    • Segmented Control
    • Avatar
    • List Item
    • Mehrfachauswahl
    • Accordion
    • Display Field
    • Flag & Status
    • Filter Chip
    • Card
    • Carousel
    • Banner
    • Section-Divider
    • Alert
    • Header Navigation
    • Sidebar Navigation
  • Patterns
Ressource

Design System

Tokens, Components und Patterns meines Design Systems – mit Live-Beispielen.

  • Foundation

    Alle Werte kommen direkt aus den Design Tokens – was hier steht, ist das, was im Code gilt.

  • Components

    Jede Component mit ihren Varianten und Zuständen – die Beispiele sind echt und bedienbar.

  • Patterns

    Wie Components zusammenspielen: Formulare und Interaktion.

  • Übersicht
    • Übersicht
    • Farben
    • Typografie
    • Abstände
    • Größen
    • Radius
    • Elevation & Effekte
    • Übersicht
    • Button
    • Form Field
    • Select
    • Combobox
    • List Box Item
    • Checkbox & Radio
    • Toggle
    • Segmented Control
    • Avatar
    • List Item
    • Mehrfachauswahl
    • Accordion
    • Display Field
    • Flag & Status
    • Filter Chip
    • Card
    • Carousel
    • Banner
    • Section-Divider
    • Alert
    • Header Navigation
    • Sidebar Navigation
  • Patterns
Lisa Vandenhoeck
  • Impressum
  • Datenschutz

© 2025 Lisa Vandenhoeck