UI kit

Tempo

Version 1

Warm editorial project tools with lavender action and calm structure.

editorial system · spacious density

Tempo, in use.

Warm editorial project tools with lavender action, calm structure, and generous working rhythm.

Core controlsAction and input

Status pill

Text field

Navigation and feedbackMove and respond

ToastToast explains what happened and what can happen next.

Inventory

The gallery keeps each component’s name, kit-specific rendering, useful states, and interaction requirements together in one place.

15 verified · 111 awaiting component evidence

Responsive contract

Workspace structure collapses to the active task on smaller screens instead of shrinking an entire desktop canvas.