Preview card 06

Surfaces & containers

Live from ui_kits/app/app.css
.panel · .ic · .mrow · .rule · .stand · .doc

Six containers carry the whole home page. None of them is a generic rounded card with an icon: each one encodes something about how a public record is filed, annotated, or cited.

Filing-card panel — the evidence container

Dark header (volt mono label over a serif title), key/value rows, an optional labelled split bar, and a footnote strip. The only object in the system on --shadow-lg. Values count up from zero when it enters the viewport.

Lead investigation
ALERG / power-plant site
Open
Prototype matches0
Source groups0
Exempt 2021 deeds0
Site acreage split43.23 ac total
23.22 ac public park20.01 ac remainder
Every figure on this site opens its source document.
PartSpec
Header--forest-deep · 14px 17px · volt 9.5px .14em label + 17px serif title
Row12px 17px · 13px sans key / 21px serif tabular value
Split bar22px · --r-bar · forest + sage · width 1.1s, 200ms after reveal
Footnote--surface-2 · 12px --fg-2
Elevation--shadow-lg

The split bar is always labelled above and below. A bare bar with no denominator is not a component in this system.

Filing-tab card — the catalog entry

Top-left corner squared so the data-tab label can sit flush above it. Hover lifts 4px and inverts the tab to forest/white. The footer rule always pairs a status stamp with a mono — no icons.

Power-plant redevelopment

The deeds, votes, and declared recusals behind the lakefront land deal.

Prototype · 197 matchesCase file →

City budget & spending

Where the $62.6M comes from and where it goes, from the 2023 ACFR.

Live · FY2023Dashboard →

Public safety

Rankings are on record; the department's 2023–25 annual reports are not yet public.

Records requestedDashboard →

Annotated-document grid + margin note

The signature layout: a 172px mono margin note carrying the section's methodological caveat, 38px from the content. Use it on any section that makes a claim about how the record was read.

How the record is read

Six registers, kept separate on purpose.

Accountability breaks when priorities, promises, money, and outcomes blur into one story.

01

What residents asked for

The stated needs and requests on the public record — not our summary of them.

04

Authorized ≠ paid

Authorization, contract, payment, reimbursement, and delivery stay separate states.

06

What we can't show

The gaps, truncations, and undeclared ties are part of the record too — so we name them.

The rule beside every claim: a receipt and a limitation. The system surfaces conjunctions in the record; it does not allege wrongdoing. You draw the conclusions.

Hover a method row: it tints to --surface and steps its padding-left 4px→14px, so the row physically moves forward. Callout rule = --surface-2 with a 3px forest left border, radius 0 6px 6px 0.

Standards strip

Three cells inside one bordered box divided by 1px verticals — not three floating cards. The difference matters: it reads as a single standard with three clauses.

01 · Inspectable

Open the receipt

Every material claim links to the original document — minutes, deeds, filings, financial reports — so you never have to trust a summary.

02 · Restrained

Say only what's documented

Plainspoken and factual. We state what the record says and preserve uncertainty; we don't editorialize, allege, or imply a verdict.

03 · Independent

Resident-built

Not affiliated with, endorsed by, or operated by the City of Avon Lake or any named party. Corrections always welcome.

Dark ledger

On-dark evidence list. A 24ch label against a 27px serif figure; exactly one row may carry .lv.volt — the number that is the story.

Sale price recorded on the 2021 deeds$0
Planned city purchase, financed by TIF$15M
Council roll-calls machine-readable from minutes90.6%
Declared conflict-of-interest mentions25

Record table extension

Not in index.html — the .prow row logic widened into columns so the dashboard and case-file pages get a table that belongs here. Mono uppercase headers on --surface-2, serif tabular figures, right-aligned; a caption carries the receipt.

Lorain County Auditor transfer records, 2021 — retrieved 2026-07-15. Four transfers are flagged exempt / "not a valid sale"; a $0 recorded price is not evidence of a $0 consideration.
DateInstrumentParcelRecorded priceFlag
2021-03-11Warranty deed04-00-021-000-001$0Exempt
2021-03-11Warranty deed04-00-021-000-004$0Exempt
2021-06-29Quit-claim04-00-021-000-009$0Not a valid sale
2021-06-29Quit-claim04-00-021-000-012$0Not a valid sale
← All preview cards