WorkingPolicy
Fictional demonstrationAlder County, every person, source, statistic, process, funding path, and outcome shown is illustrative. No affiliation is implied.
Internal reference

WorkingPolicy design system

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

Foundations

Tokens with semantic purpose

ForestPrimary actions · rail · headings
CoralPublish and required-review emphasis
Mint strongVerified and complete states
Mint softVerified pill and highlight wash
AmberUnder-review and pending states
Amber softPending pill wash
BlueReported-source treatment
Blue softReported pill wash
RedDisputed and blocking states
Red softDisputed pill wash
BackgroundApp canvas
SurfaceCards and headers
Surface softNeutral pill and panel wash
BorderCard and control borders
RailProposal navigation rail
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
1100px panel stacking · 900px compact navigation · audited from 320px upward
Shape
8–10px card radius · 1px #dfd8cb borders · no hard offset shadows
Focus
3px focus ring with 2px offset on controls, links, and inputs
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 startedAdoptedImplementingArchivedSupersededPossible funding pathAccepted risk with reasonRecognized session
Accessible accordion pattern

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

System feedback

Loading, empty, error, permission, and confirmation

Loading

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.