fix: final-review findings — own-lead descriptions, PHS integration landing, planned tiles, 404, sitemap math, cleanups
This commit is contained in:
@@ -27,6 +27,8 @@ label carries the meaning, not the chrome.
|
||||
|---|---|---|
|
||||
| h1, h2 | Space Grotesk (`--font-display`) | Headlines ONLY (brand D.3.2), weight **500** (D.3.4 regular/medium), letter-spacing −0.025em, line-height 1.1 |
|
||||
| Everything else | Inter (`--font-body`) | Includes h3+ (weight 600), cards, UI |
|
||||
| Exception: `.card--featured h3` | Space Grotesk | The news-lead card IS a communicative headline (D.3.2 role, not outline level) — weight 500, `--fs-xl` |
|
||||
| Exception: `.panel-title` (h2) | Inter | Panel titles are UI labels, not headlines — weight 600, `--fs-l`. These are the ONLY two exceptions |
|
||||
|
||||
Type scale — the ONLY font sizes in the codebase (no ad-hoc rem values):
|
||||
|
||||
@@ -247,9 +249,10 @@ editor" utility link in the footer; /admin keeps working as the direct URL.
|
||||
| Pagination | Newer/Older + windowed numbers, 44px targets, aria-current, Moon hover fill. Page 1 holds 25 items (featured lead + 24 = even 3-col rows), later pages 24 — custom slicing, paginate() can't vary size | NN/g pagination |
|
||||
| Article | Back "← All news"; h1 → standfirst → muted meta line → borderless breakout cover → inline TOC → prose → post-nav | Guardian/BBC anatomy |
|
||||
| Forms | Visible labels above fields; placeholders are examples only; buttons start with a verb | GOV.UK forms, NN/g |
|
||||
| Proposals | Integration landing, NOT a submission form — PHS is APC's product, the portal only integrates it: intro + bullets of the portal's contributions (menu entry + AAI single sign-on hand-off, Dashboard status feedback, news notifications) + disabled primary CTA ("… — integration planned", real `disabled` semantics, Moon fill); whisper badges stay | SPEC §3.3.3 |
|
||||
| Login | One line + Cherenkov primary CTA + one small-print line; whisper badge top-right of the card (in flow ≤480px); no reassurance prose | auth brevity |
|
||||
| Footer | Identity line → Contact · Search · Disclaimer · Privacy · Site settings · Content editor → © line | NN/g footers, SPEC §3.3.1 |
|
||||
| Search results | Links lay out as flowing text (mark-safe); plain muted date; "Press Enter for all results" hint | — |
|
||||
| Footer | Identity line → Contact · Search · RSS · Disclaimer · Privacy · Site settings · Content editor → © line | NN/g footers, SPEC §3.3.1 |
|
||||
| Search results | Links lay out as flowing text (mark-safe); plain muted date; "Press Enter for all results" as a real list row (aria-hidden like group labels — the status line announces) | — |
|
||||
|
||||
## Page composition (archetypes)
|
||||
|
||||
@@ -276,7 +279,8 @@ inventing a section order. The navy band is reserved for `/` and `/login`.
|
||||
## Do not
|
||||
|
||||
- No new hues, tints, or grays — derive via `color-mix` from brand tokens only.
|
||||
- No Space Grotesk outside h1/h2; headline weight stays 500 (brand D.3.4).
|
||||
- No Space Grotesk outside h1/h2 (sole exception: `.card--featured h3` — see
|
||||
Typography); headline weight stays 500 (brand D.3.4).
|
||||
- No font sizes outside the type-scale tokens; no ad-hoc spacing/shadow/radius.
|
||||
- No animation/transition outside the `no-preference` block; no JS motion;
|
||||
no transition durations/easings outside `--dur`/`--ease`.
|
||||
|
||||
Reference in New Issue
Block a user