06 · Parts · Components

The working vocabulary.

06 / 22

Four primitives. Buttons act, inputs accept, badges state, cards compose. Radius is zero. Borders are 1px. Every hover costs one of: border shift, background shift, translate-y 1px. Nothing else.

Buttons

Primary = ink. Signal = destructive / deploy / irreversible. Outline = peer action. Ghost = dismissal.

Inputs · Status

Active Linked Pending Published

Runtime Figment Workflow

Cards · With rails

Active · 2h ago

Campaign Q2

Interactive showcase, 12 figments, real-time collab.

Published · 5d ago

Brand Kit

Living style guide. Color, type, components as figments.

Cards · Neutral

Documentation

Onboarding guide

Plain cards don't wear rails. If there's no status to signal, don't invent one.

Note

Internal reference

Chassis discipline: rails are semantic, not decorative. Neutral is also a choice.