Skip to main content
XD@JW
XD@JW
  • Principles
    • Experience
    • Design system
  • Patterns
    • Buttons and links
    • Empty states
    • Form validation
    • Loading states
    • Tables vs. lists
    • Tabs and friends
  • Components
    • Avatar
    • Badge
    • Button
    • Checkbox
    • Chip
    • Date inputs
    • Divider
    • File input
    • Input label
    • Input message
    • Menu
    • Multi-select
    • Notice
    • Page header
    • Radio button
    • Select box
    • Skeletons
    • Spinner
    • Stepper
    • Table
    • Text box
    • Textarea
    • Toggle switch
    • Tooltip
  • Design tokens
    • Space
    • Color
    • Typography
    • Shadows
  • Imagery
    • System icons
    • Display icons
  • Home

Design tokens

Space
The space between / The tears we cry / Is the laughter, keeps us coming back for more
Color
Color makes the world a lot less boring.
Typography
Believe it or not, most of the content of a UI is text. Gotta make it beautiful and functional.
Shadows
We use shadows to represent depth or elevation.