Skip to main content
Theme tokens let you tune the hub’s visual style without designing a full theme from scratch. Use them for brand color, supporting color, font, and corner radius. Hub tokens apply across the hub. Individual demos can still override them when one demo needs a different look.
FieldTypeRequiredDefaultNotes
primarystringNo—Hex color (#rgb, #rrggbb, or #rrggbbaa). The leading # is required.
secondarystringNo—Hex color, same format as primary.
fontstringNo—CSS font-family stack. Must be non-empty.
radiusstringNo—CSS length for corner radius, such as 12px. Must be non-empty.
{
  "tokens": {
    "primary": "#5B6CFF",
    "secondary": "#111827",
    "font": "Inter, sans-serif",
    "radius": "12px"
  }
}
Demo-level tokens can override these values for one demo. See Top-level fields.