Vandenhoeck UX
    • Figma Config: Was wirklich zählt
    • Design System, AI-Ready
    • BFSG, im Design System verankert
  • Ressourcen
  • About
Foundation
  • Ü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

Foundation

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

  • 88 Tokens

    Farben

    Primitive Farbrampen und die semantischen Rollen, die Components verwenden.

  • 28 Tokens

    Typografie

    Schriftfamilien, Größen, Gewichte und die fertigen Textstile.

  • 25 Tokens

    Abstände

    Innenabstände, Lücken und Layout-Abstände.

  • 28 Tokens

    Größen

    Größen für Controls, Icons, Avatare und Breiten.

  • 6 Tokens

    Radius

    Eckenradien für Controls und Flächen.

  • 5 Tokens

    Elevation & Effekte

    Schatten, Deckkraft und Versatz.

  • Ü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