Internal reference

WorkingPolicy design system

Foundations and reusable components for a readable, consistent, institutional-quality policy record.

Foundations

Tokens with semantic purpose

--paperSupporting surface or readable emphasis

--paper2Supporting surface or readable emphasis

--whiteSupporting surface or readable emphasis

--inkFoundation and official state

--ink2Supporting surface or readable emphasis

--coralPrimary action and required review

--mintSupporting surface or readable emphasis

--limeSupporting surface or readable emphasis

--blueSupporting surface or readable emphasis

Interface type: Geist / system sans · 15–18px body · 1.5–1.65 line height
Editorial type: Georgia serif · reserved for major public statements and record headings
Spacing: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64px
Grid: 12-column desktop · fluid record grid · single-column mobile cards
Breakpoints: 600, 900, 1260, and 1600px · audited from 320px upward
Shape: Square and lightly rounded controls · 1px borders · restrained hard shadows
Focus: 3px light ring with 2px offset and dark outer boundary
Motion: 120–180ms · reduced-motion removes nonessential transitions

Components

Controls and record states

Verified identityVerified affected participantVerified local connectionVerified expert domainVerified government roleCurrent accepted draftOfficial draftCounsel reviewStaff approvalHuman approval requiredAI-assistedSource verifiedSource disputedAuthority confirmedFunding eligibility confirmedReconfirmation requiredMeasurement not startedAdoptedImplementingArchivedSuperseded

Accessible accordion pattern

Summary text states the subject. Expanded content remains keyboard and screen-reader accessible.

System feedback

Loading, empty, error, permission, and confirmation

Records are loading

Existing content remains available while the next page is prepared.

Empty

No records yet

Add the first record or change the active filters.

Error

The record could not be saved

Nothing changed. Review the highlighted fields and try again.

Permission

Read-only access

Verify the required role or ask an administrator for access.

Confirmation

Human approval recorded

The actor, reason, and version consequence are now in Activity.