FUCINA*DESIGN
GitHubGitHub (opens in a new tab)
  • Welcome
  • Get Started
  • Foundations
    • ♿️ Accessibility
    • 🔗 Design Tokens
    • 🎨 Color
    • 🪜 Scale
    • 🖋️ Typography
    • 🦸‍♂️ Iconography
  • Tokens
    • 🎨 Color
    • 🖋️ Font
    • 📐 Space
    • 💪 Size
    • 🚧 Border
    • 📱 Screen
    • 🫥 Opacity
  • Components
    • 💠 Accordion
    • 💠 Alert
    • 💠 Alert Dialog
    • 💠 Aspect Ratio
    • 💠 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
  • 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
🦸‍♂️ Iconography🎨 Color