lucix Component kit · Signature Ledger

The parts every surface is assembled from.

The visual world is locked. Don't reinvent these per surface — copy a block, fill it with real product data, ship. The load-bearing pieces (the five verbs, the state glyphs, the half-said marker, the notification classes) carry product law on their backs; the law notes tell you what must not change.

01

Buttons & the five verbs

The verb row is a component, not five buttons — strict equality is law.

Actions

The five verbs PL-5 · strictly equal

Identical box, weight, padding, type at every breakpoint. No verb is "the good button"; none is "the loud danger button." Danger's signal-red never appears here — Escalate is a peer. Verify byte-equal, never by eye.

02

The state system

Every state is tellable apart by shape, so it survives with hue removed.

Commitment states PL-4 · shape ≠ hue

committed
Committed
Filled navy dot — signed in ink
never opened
Open / never opened
Hollow ring
deferred · Thu
Deferred
Ochre diamond
lapsed
Lapsed
Ochre diamond + signal-red ring
changed
Changed
Filled square badge — new date
condition
Condition
Hollow ochre ring — open condition

Team-state tags

committed timing surfaced open
03

Chips, wayfinding & inputs

Chip · breadcrumb

framing roundQ1 reviewreopened

Inputs · states

Go to…⌘K
Enter a date so lucix can project it — nothing is sent yet.
04

Person row & the ladder

Named person + stated relationship. Never a per-person rate or score (person-safety).
Engineering1 of 2 in
PTPriya T.owns Platform v2 dependencydeferred · Thusaid Thu
GTG. Tanowns Data migrationlapsedwas Tue
05

Clock & the defer aggregate

Arithmetic on volunteered dates — never odds, never a health tint.

Your authored clock class 2

Your Mar 31 date is 14 days out. 4 asks still open.
3 seen · 1 never opened · your date, your call

Defer aggregate PL-6 · no odds

If every defer holds — projecting volunteered dates, nothing more
41
land by the 24th
9
land after your date
12
still dark
06

Half-said marker & notifications

Half-said + verbatim quote PL-2 · PL-8

Half-said
G. Tan flagged a timing risk, in their words:“Migration can't start until Platform v2 lands. If that's the 31st, this is April.”

The four legal notification classes

1 · happened to your stuff
R. Delgado committed on Pipeline readiness.APAC Launch · 2h
2 · your clock
Your Mar 31 date is 14 days out.a date you set
4 · a nudge, from a person
R. Delgado nudged you: “Your read when you get a minute.”R. Delgado via lucix · 1d

Class 5 (auto-escalation, pressure) has no icon and no group — it is architecturally impossible. The nudge icon is neutral, never ochre (ochre is reserved).

07

Motion

Motion marks change; it never pressures. One authored moment per surface.

Tokens

--dur-1 · 120mshover, focus, tap
--dur-2 · 180msmenus, chips, small reveals
--dur-3 · 260msoverlays: drawer, scrim, sheet
--dur-4 · 420mssignature moments: commit, seal, bind
--easeease-out; enter from an already-visible default

Signature moments (product-true)

  • commit — a row resolving into the navy dot (below)
  • seal — the brief locking on send; once per object, irreversible feel
  • bind — one condition connecting to its many bindings
  • grow — the map, nodes/edges as residue of acts open

Live · expand / collapse progressive disclosure is law-compatible

SIS. Iyerowns Budget sign-offnever opened—

Live · the commit moment

RDR. Delgadoowns Pipeline readiness open

The glyph settles into the navy dot (--dur-4, ease-out). Under reduced-motion the dot simply appears — the state change is never hidden, only the movement is dropped.

How to use this kit