Aurora Edition v2.0

VELYON Design System

The comprehensive design language powering VELYON's Legal Command Center. Tokens, components, and patterns — all in one place.

48+

Design Tokens

24+

Components

16+

Animations

12+

Patterns

Interactive palette with WCAG contrast ratios, click-to-copy values, and CSS variable references.

Type scale playground with live adjustments for size, weight, line-height, and letter-spacing.

Visual spacing scale, box-model visualizer, and responsive grid system demonstrations.

Interactive showcase with live previews, variant demos, props tables, and copy-paste code.

Motion library featuring entrance, interaction, and scroll animations with Framer Motion code.