KINETIC GAIN · token system
approved variables · contrast posture · spacing discipline
token-system colors · type · spacing · radius

Approved tokens should be explicit enough to block off-brand work before it ships.

The token system defines the values teams are allowed to use across hero surfaces, editorial promos, lifecycle templates, and docs. If a surface needs a one-off token, it should go through the approval desk rather than silently land in production.

Color tokens

accessible action, warning, and trust lanes

Mint action

#5febc0 · primary positive action and trusted completion state.

Cyan signal

#65d9ff · navigation emphasis, metadata rails, and system highlight.

Amber review

#ffc766 · review pressure, warnings, and partial approval state.

Rose block

#ff7290 · blocked release state, critical exception, and stop signals.

Layout tokens

spacing and radius discipline

Spacing scale

Use a closed spacing set for cards, rails, and content stacks. New campaign modules should compose from the same spacing primitives instead of redefining layout rhythm.

  • --space-4 for card padding base.
  • --space-5 for section rhythm.
  • --space-7 for major layout breaks.

Radius system

Rounded surfaces should communicate hierarchy, not taste drift. Use one radius family across dashboard cards, pills, and banners.

  • --radius-md for pills and micro modules.
  • --radius-lg for cards and token modules.
  • --radius-xl for hero containers only.

Type system

The display serif is reserved for high-signal hero statements. System sans handles body copy, while monospace labels anchor meta and operator signals.

  • Display only on hero and major proof headers.
  • Sans for body, tables, and pattern descriptions.
  • Monospace for status labels, metadata, and tokens.