Loading audit content...
DS·00The Prime Directive · Authority Spec for Contributors & AI Agents
OrlandoFirst.City is a public ledger of mayoral feasibility. Every visual decision must signal institutional restraint, source-backed authority, and editorial neutrality. This page is the live render of the binding spec — if it breaks, the spec is broken.
T·1.1Layer 1 · Tokens
The paper, the ink, and the rule lines that define the page surface. Every background, border, and body text color descends from these ten values.
Paper
Primary background. Unbleached newsprint. Default for body, hero, and content sections.
--background#F4F1EAPaper Deep
Offset background for sidebars, source-table headers, and pill ground.
--surface-muted#EBE6D9Paper Raised
Cards, asides, and form fields that sit on top of Paper.
--surface-raised#FBFAF6Ink
Primary text, prominent borders, masthead rule.
--ink#1A1A1AInk Muted
Body copy in serif. Slightly warmer than Ink to read on Paper.
--ink-muted#4A4540Ink Soft
Eyebrows, metadata, dotted leaders, table headers.
--ink-soft#6B655ELine
Default border. Card edges, table cells, form fields.
--line#C4B896Line Soft
Section dividers, dotted leaders, footer rules.
--line-soft#D8D0BCAccent
The single editorial accent. Section IDs, eyebrow brackets, hover underlines, the brand dot. Use sparingly.
--accent#8A3A22Accent Strong
CTA primary background. Footer band. Top strip.
--accent-strong#13161AT·2.1Layer 1 · Tokens
Four colors. Four classifications. They appear only on verdict surfaces — pills, dots, stripes, sidebar swatches. They never decorate. They never invade body copy.
Within Authority
Mayor and council can implement without external action.
--within-authority#2D5A3DMixed Authority
Externally constrained or budget-fragile.
--mixed#7A5A22External Cooperation
Requires an entity the mayor cannot compel.
--cooperation#4A5560State Preempted
Structurally outside municipal authority.
--preempted#8A3A22T·3.1Layer 1 · Tokens
Four faces, each with a single, non-overlapping job. Display sets institutional weight. Source Serif carries body. IBM Plex Mono carries every metadata, ID, and label. Inter is UI default for forms and chrome only.
Display
Playfair Display · 500
The Orlando mayor’s job
Section H2
Playfair Display · 500
Latest reviewed planks
Card & Sub
Playfair Display · 500
Cap rent increases at 5% citywide
Deck (lede)
Source Serif 4 · 400
Florida law preempts rent control absent a declared local emergency.
Body
Source Serif 4 · 400
Every plank is mapped to the specific Florida statute, City of Orlando charter section, or interlocal agreement that grants — or withholds — the underlying authority.
Meta / Eyebrow
IBM Plex Mono · 600
2027 ORLANDO MAYORAL RACE · VOL. I
Pull Quote
Playfair Display · 500 italic
“Promises that ignore the chain of authority are not policy. They are theater.”
T·4Layer 1 · Tokens
The rhythm is fixed. Use these step values directly, or document an exception. Border radius is always zero. Box shadow is none.
| Page max width | 1280px (matrices) · 880px (narrow reading) · 65ch (prose) |
| Page side padding | 32px ≥ md · 18px ≤ md · 14px ≤ 480 |
| Hero padding | 48px 32px 36px standard · 64px 32px 48px generous · 28px 32px 24px compact |
| Border radius | 0. Always. No exceptions. |
| Box shadow | None. Depth is a forbidden metaphor. Use rules and borders. |
| Breakpoints | sm 640 · md 768 · lg 1024 · xl 1280 |
C·03Layer 2 · Components
Every hero, section, and aside opens with a coded ID. The ID is the wayfinding spine of the entire site — readers can cite any block.
| Prefix | Domain | Example |
|---|---|---|
| A | The Audit (volume / inventory) | A1, A2, A3 |
| P | Plank (numbered §) | §07, §12, §22 |
| S | Source registry | S1, S-FL-83.001 |
| U | Updates · Field notes | U1, U-2026-05-07 |
| M | Method | M1, M-§02 |
| CC | Civic Courage | CC1, Q-148 |
| DS | Design system | DS·00, T·1.1, C·02 |
C·04 / C·05Layer 2 · Components
Soft-tint background, matched border, 6px color dot. Solid color fills are forbidden — they read as marketing, not editorial.
Plain mode
C·06Layer 2 · Components
Primary (solid Accent Strong), Secondary (ghost ink), Ghost (muted line). Never use color fills outside these three.
C·12Layer 2 · Components
“If the audit will not bend to make a candidate look better, the design will not bend to make a feature look louder.”
P·01-P·07Layer 3 · Page Templates
The accepted page comps define the production page anatomy. Copy and records still come from the repository content layer.
| Template | Route | Required anatomy |
|---|---|---|
| P-01 | / | Audit cover hero, Authority Ledger, latest planks, field notes. |
| P-02 | /inventory | Authority matrix hero, filter rail, matrix table, card view. |
| P-03 | /method | Six-step method hero, contents rail, numbered blocks, pull quote. |
| P-04 | /sources | Source Types aside and registry table, not grouped card grids. |
| P-05 | /updates | Dated field-note rows and by-plank right rail. |
| P-06 | /civic-courage | Question ledger rows, pipeline stats, no comment-thread UI. |
| P-07 | Documents | Compact document hero and bordered reading sections. |
| Candidate Detail | /about/candidates/[slug] | Breadcrumb, record header, detail layout, sidebar, document sections, accountability. |
| Update Detail | /updates/[slug] | Breadcrumb, field-note header, detail layout, sidebar, document sections, accountability. |
§25Layer 4 · Constraints
| Drop shadows | Forbidden. Depth is a forbidden metaphor. |
| Rounded corners | --radius: 0 is binding. |
| Gradients | None on backgrounds, buttons, or pills. |
| Solid verdict pills | Use the soft tint + dot mark. |
| Charged rhetoric | No Target, Attack, Bombshell, Exposed, Game changer, Killed it. |
| Read-more links | Use the title as the link. |