Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
  • Tokens

    Design tokens (color, typography, layout, etc.).

    • Color aliases — Semantic color tokens that reference the palette (e.g. focus, overlay).
    • Color component — Component-specific color tokens.
    • Color palette — Raw color values (hex/rgb) for the Spectrum palette.
    • Icons — Color tokens for Spectrum icons (primary, hover, down, background, disabled).
    • Layout component — Component-specific layout tokens.
    • Layout — Spacing, dimensions, corner radius, and other layout primitives.
    • Semantic color palette — Semantic palette tokens (e.g. semantic blue, semantic red).
    • Typography — Font families, weights, sizes, letter spacing, and text alignment.