Skip to main content
New: Rimelight v2 is out

Menu

Foundation
On this page

Design Tokens

Configuration and usage of design tokens in Rimelight UI.

Rimelight UI provides a set of design tokens to establish a consistent visual language across your application.

Core Tokens

  • Spacing: Fluid spacing tokens from 6xs to 6xl that adapt to viewport size.
  • Radius: Custom border-radius modifiers based on the core --radius token.
  • Typography: Predefined sans, serif, and mono font family configurations.

Keyboard Shortcuts