From a5d1c5f0b959a40d79b04e2b5ff944fa2a151534 Mon Sep 17 00:00:00 2001 From: saravanakumardb1 Date: Sat, 28 Mar 2026 00:49:00 -0700 Subject: [PATCH] =?UTF-8?q?docs(audit):=20update=20design=20system=20audit?= =?UTF-8?q?=20with=20full=20remediation=20results=20(41%=20=E2=86=92=2065%?= =?UTF-8?q?)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/DESIGN_SYSTEM_AUDIT.md | 70 +++++++++++++++++++++++++------------ 1 file changed, 48 insertions(+), 22 deletions(-) diff --git a/docs/DESIGN_SYSTEM_AUDIT.md b/docs/DESIGN_SYSTEM_AUDIT.md index b5197d19..b1a8a99c 100644 --- a/docs/DESIGN_SYSTEM_AUDIT.md +++ b/docs/DESIGN_SYSTEM_AUDIT.md @@ -972,34 +972,60 @@ ChronoMind already loaded fonts via `next/font` (Inter + JetBrains Mono — a de **Impact:** Canonical font stack now actually renders in 7/8 product web apps (was 0/8 before, falling back to system fonts). -### G.5 Updated Score Summary +### G.5 Font Variable Wiring (7 apps) -| Dimension | Before | After | Change | -| ------------------------------- | ------ | ------- | ------ | -| **Token Foundation** | 75% | **92%** | +17 | -| **Token Adoption (Web)** | 35% | **60%** | +25 | -| **Token Adoption (Mobile)** | 30% | **45%** | +15 | -| **Accessibility (WCAG 2.1 AA)** | 8% | **18%** | +10 | -| **Dark/Light Theme** | 30% | **50%** | +20 | -| **Overall Completeness** | 41% | **55%** | +14 | +Updated all product `globals.css` font-family declarations to reference `var(--font-display)`, `var(--font-body)`, `var(--font-mono)` from `next/font` as primary, with token values as fallback. Fixed 2 apps (LocalMemGPT, LLM Lab) that used hardcoded system fonts for `body`. -### G.6 Remaining Items for 100% +### G.6 `prefers-reduced-motion` Added (8 apps) -| Item | Priority | Status | Effort | -| ---------------------------------------------------- | -------- | ----------------------- | ------------- | -| Create `@bytelyst/ui` shared component library | P0 | Not started | 2-3 weeks | -| Copy generated native tokens into iOS/Android apps | P0 | Generated, not deployed | 1 day per app | -| Add shadcn/ui to product web apps | P1 | 0/8 apps | 1 week | -| NomGap RN: replace 337 hardcoded hex values | P1 | Not started | 2-3 days | -| Responsive design (breakpoints, collapsible sidebar) | P2 | Not started | 1 week | -| Automated a11y testing (`@axe-core/playwright`) | P2 | Not started | 2 days | -| Visual regression testing (Playwright screenshots) | P2 | Not started | 2 days | -| Storybook for `@bytelyst/ui` | P3 | Not started | 1 week | -| Token drift CI check (generated file diffing) | P3 | Not started | 1 day | +Added global `@media (prefers-reduced-motion: reduce)` that disables all animations, transitions, and smooth scrolling when the user has "Reduce motion" enabled in OS settings. + +### G.7 Semantic HTML Landmarks (3 apps) + +Added `aria-label` to `