GitHubGitHub (opens in a new tab)
  • 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

On This Page

  • Design
  • Resources
  • Development
  • Resources
  • Content
  • Resources
Get Started

Get started

Begin your journey in crafting user-centric products.

Design

Learn design principles and gain access to Figma libraries and resources:

Resources

🏠Foundations🔗Tokens🪄Figma Library

Development

Learn how to use components, visualizations and packages.

Resources

💠Components📈Visualizations🤖Github repository

Content

Learn product voice and tone, find UI patterns, and use inclusive language:

Resources

🦄Inclusive language🫂Content accessibility
WelcomeBrand