Components

Typography

Display 1

34px · 800 · -0.045em

Active gateways

Display 2

19px · 700

Authorization

Compact Title

17px · 800

Backend unavailable

Card Title

15px · 800

Production edge gateway

Metric

28px · 800 · tabular-nums

1,284

Body

14px · 480 · 1.58

Gateway connection lost. Retrying in 30 seconds. Check the upstream routing table for misconfigurations.

Control

13px · 560 · 1.28

Deploy plugin

Dense

13px · 480 · 1.42

Read-only mode — changes require admin approval

Dense Meta

11px · 560 · +0.018em

production-edge.lab.local

Eyebrow

11px · 650 · UPPERCASE · 0.095em

Gateway cluster

Mono

JetBrains Mono · 13px · accent-pink

production-edge.lab.local

Aurora CSS custom property token definitions for the full Aurora color, typography, shadow, and radius system.

Install

npx shadcn@latest add https://aurora.tootie.tv/r/aurora-tokens.json