Themes

11 examples of how far the tokens can move

These themes are demonstrations, not a menu: each one is the whole system restyled through its tokens alone, to show the range one set of primitives covers. A look means both colour modes, a heading and body type pairing with self-hosted fonts, radius, density, motion, elevation, the ambient background, and the chart palette. Apply one and this page rethemes around you, which is the honest preview. Your own brand takes the same path: the playground builds it live and copies out paste-ready CSS.

tsx
// Every shipped theme, one generated stylesheet each, plus this aggregate.
import 'rift-ds/tokens/presets/presets.css';

<html data-brand="terminal">