Atoms

Buttons

Actions, ranked by weight. One primary action per view; everything else steps down to secondary, ghost, or subtle. The AI variant is reserved for Argus actions.

Variants

<button class="btn btn--primary">Start workflow</button>
<button class="btn btn--secondary">Carry forward</button>
<button class="btn btn--ai"><i data-lucide="sparkles"></i> Ask Argus</button>

With icons

Leading & trailing icons · icon-only

Sizes

sm · md (default) · lg

States

default · disabled · block

Usage

Variant	When
primary	The single most important action in a view (start, submit, approve).
secondary	Important but not primary — alternative paths, exports.
ghost	Low-emphasis (cancel, dismiss) and toolbar actions.
subtle	Tertiary, brand-tinted in-context links to related content.
danger	Destructive, irreversible actions. Always paired with confirmation.
ai	Reserved for Argus / agentic actions only — keeps the AI affordance unmistakable.

Button group & split

grouped · split-action