Catalog · Inputs & Actions
Everything users click, type, and navigate through.
Buttons, forms, the command menu, and recursive menus — the interactive surface of the product, with consistent rhythm, validation, and feedback.
Sections
4
Inputs
Forms
Type
Interactive
S-0202 / Buttons
Button, badge, toolbar
Fast scanning on compact surfaces: icon, short label, and status signal.
ALERT-01Info
System notes stay neutral and use a small signal dot instead of a colored surface.
ALERT-02Saved
Successful states keep the same surface; only the signal color changes.
ALERT-03Risk
Critical messages stay noticeable without shouting.
Signal bars
The same signal data expressed with the reusable table primitive.
| Signal | Stage | Value |
|---|---|---|
| VisionBaseline product direction signal. Use it when a row needs calm but visible priority context. | Baseline | 72% |
| EmpathyLive customer or user-experience signal. Good for records that need empathy and feedback context. | Live | 88% |
| RiskReview-needed signal. It marks attention without turning the whole row into a warning block. | Review | 54% |
| TrustJudgment or confidence signal for decisions that need human review before shipping. | Ready | 67% |
Badge rail
The same badge family, slightly more decorative, while staying aligned with the table language.
S-0303 / Forms
Form system
Inputs, selects, validation, toggles, and form actions for create/edit flows.
Form primitives
Create workflow form
Field rhythm, helper copy, validation, switches, and submit actions.
Validation panel
Keep validation close to the form without turning the page into a warning surface.
Date range
Range selection on the same calendar primitive.
Pick a date range
S-1212 / Command
Command menu
A searchable command layer for navigation, runtime records, and global actions.