CTRL K
GitHubGitHub (opens in a new tab)
CTRL K
  • Welcome
  • Get Started
  • Brand
  • Foundations
    • Accessibility
    • Design Tokens
    • Color
    • Scale
    • Typography
    • Iconography
  • Tokens
    • Color
    • Font
    • Space
    • Size
    • Border
    • Screen
    • Opacity
  • Components
    • Accordion
    • Alert
    • Alert Dialog
    • Avatar
    • Badge
    • Button
    • Calendar
    • Card
    • Checkbox
    • Collapsible
    • Combobox
    • Command
    • Context Menu
    • Data Table
    • Date Picker
    • Dialog
    • Dropdown Menu
    • Form
    • Hover Card
    • Icon
    • Input
    • Label
    • Navigation Menu
    • Popover
    • Progress
    • Radio Group
    • Resizable
    • Scroll Area
    • Segmented
    • Select
    • Separator
    • Sheet
    • Skeleton
    • Slider
    • Switch
    • Table
    • Tabs
    • Tag
    • Textarea
    • Toast
    • Toggle
    • Toggle Group
    • Tooltip
  • Visualizations
    • Area Chart
    • Bar Chart
    • Bar List
    • Category Bar
    • Donut Chart
  • Content
    • Inclusive language
    • Content accessibility
Tokens

Tokens

Design tokens are the single source of truth for naming, managing and preserving design decisions.

🎨Color🖋️Font📐Space💪Size🚧Border📏Breakpoints🫥Opacity
IconographyColor