Demo Controls
Hero Demo with Tokens
This demo showcases our design tokens in action. Toggle theme and motion to see the system adapt while maintaining accessibility.
Active Tokens
Colors:
Background: var(--gleey-bg)
Text: var(--gleey-ink)
Accent: var(--gleey-blue)
Background: var(--gleey-bg)
Text: var(--gleey-ink)
Accent: var(--gleey-blue)
Typography:
H1: var(--font-h1) / var(--line-h1)
Body: var(--font-base) / var(--line-base)
Radius: var(--radius)
H1: var(--font-h1) / var(--line-h1)
Body: var(--font-base) / var(--line-base)
Radius: var(--radius)
Motion: Enabled
This demo respects your motion preferences and provides accessible focus indicators.