synthetic
Construct Entry
A catalog entry for one construct: tag, description, shape, code and live demos.
Catalog entryThe card every tier page prints per construct
Callout
MeasuredA small banner pairing a tone, a title and an optional subtitle.
Shape
typescript
{ type: "callout", tone: Tone, title: string, subtitle?: string }Demo
Rota export shippedPayroll has the March shifts.
Countdown
UnmeasuredA ticking countdown to a target time.
Shape
typescript
<Countdown target />In context
Tier pageTwo entries stacked, as on /synthetics
Callout
MeasuredA small banner pairing a tone, a title and an optional subtitle.
Shape
typescript
{ type: "callout", tone: Tone, title: string, subtitle?: string }Demo
Rota export shippedPayroll has the March shifts.
Checklist
MeasuredA heading and a stack of checkable rows.
Shape
typescript
{ type: "checklist", items: string[] }Demo
Shape
{ type: "construct-entry", id: string, measured: boolean, description: string, shape: string, code?: string, blocks?: Construct[] }