From 6da6fedc815eca8fda9cc04f1254f8fd4919dda5 Mon Sep 17 00:00:00 2001 From: William Zujkowski Date: Tue, 31 Mar 2026 20:55:07 -0400 Subject: [PATCH] feat(web): USWDS-inspired civic palette + nav titles + breadcrumb polish MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Color palette (USWDS-influenced): - Navy: #1A4480 (institutional, authoritative) - Teal: #0F6E56 (additions, success) - Crimson: #B50909 (deletions, amendments) - Amber: #C2850C (badges, highlights) - Warm neutrals: #FAFAF8 bg, #F0EDE8 sidebar (legal publishing feel) - Dark mode: navy-tinted (#0B1926) instead of pure black Prev/Next navigation: - Show section titles: "← Previous / § 105 / Title of appropriation Acts" - Hover state with warm-gray background - Truncated titles for long section names Breadcrumbs: "›" separator instead of ">" Accessibility: prefers-reduced-motion respected for all animations Consensus approved 3-0. Based on USWDS design system research. Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/web/src/components/Breadcrumbs.astro | 2 +- apps/web/src/layouts/BaseLayout.astro | 4 ++-- apps/web/src/pages/statute/[...slug].astro | 16 ++++++++----- apps/web/src/styles/global.css | 28 ++++++++++++++++++---- 4 files changed, 36 insertions(+), 14 deletions(-) diff --git a/apps/web/src/components/Breadcrumbs.astro b/apps/web/src/components/Breadcrumbs.astro index 24117e3..afd0d53 100644 --- a/apps/web/src/components/Breadcrumbs.astro +++ b/apps/web/src/components/Breadcrumbs.astro @@ -20,7 +20,7 @@ const { items } = Astro.props; return (
  • {index > 0 && ( - + )} {isLast || !item.href ? ( diff --git a/apps/web/src/layouts/BaseLayout.astro b/apps/web/src/layouts/BaseLayout.astro index 1a8d545..a2fdcc1 100644 --- a/apps/web/src/layouts/BaseLayout.astro +++ b/apps/web/src/layouts/BaseLayout.astro @@ -61,13 +61,13 @@ const titleEntries = Object.entries(TITLE_NAMES) })(); - + Skip to content
    -
    - -