Skip to main content
Use these guides to understand tokens, layout rhythm, motion cues, interaction signifiers, heuristic checks, and WCAG-oriented practices that underpin Aura components.

Color

Learn how ramps, semantic theme tokens, and chart palettes stay theme-safe across light and dark UI.

Typography

Apply typefaces, scale, and typography tokens so text stays consistent and readable everywhere.

Size

Use spacing, sizing, radius, and stroke tokens to establish hierarchy and rhythm in layouts.

Effects

Apply elevation and focus-ring tokens for depth, attention, and predictable keyboard focus.

Motion

Apply easing, duration, and stagger tokens for productive and expressive animation with Tailwind utilities.

Interaction states

See how affordances, signifiers, and built-in states keep interactive UI clear and consistent.

Heuristic guidelines

Evaluate and improve screens with practical usability heuristics aligned to Aura patterns.

Accessibility

Meet shared contrast, focus, semantics, and media expectations so interfaces work for more people.

Customization

Extend or override Aura style tokens in a consuming app when scoped overrides are appropriate.
Last modified on September 16, 2026