diff --git a/Ralph/prd.json b/Ralph/prd.json index ea9cebd..10852a4 100644 --- a/Ralph/prd.json +++ b/Ralph/prd.json @@ -285,8 +285,8 @@ "Verify in browser using dev-browser skill" ], "priority": 16, - "passes": false, - "notes": "Depends on US-015 having selected a font treatment. Apply it consistently to ParentSection.tsx." + "passes": true, + "notes": "Applied Elvaro Grotesque 600, -0.02em tracking with responsive scale: 1.375rem (mobile) → 1.6rem (sm) → 1.8rem (md) → 2.2rem (lg). Both headers identical. Verified at 375px (22px) and 1024px+ (35.2px)." }, { "id": "US-017", diff --git a/Ralph/progress.txt b/Ralph/progress.txt index 0ebc27f..4eb589f 100644 --- a/Ralph/progress.txt +++ b/Ralph/progress.txt @@ -1102,3 +1102,25 @@ Visual exploration of parent section header typography. Tested 14 combinations i - Teal-colored headers compete with KPI accent values — parent headers should stay in text-primary - Tight negative tracking (-0.02em to -0.03em) consistently improves the premium feel at heading sizes --- + +## Iteration 16 — US-016: Apply chosen parent header typography +**Status**: PASS +**Commit**: (this iteration) + +### What was done +Applied the selected typography from US-015 to ParentSection.tsx: +- **Font**: Elvaro Grotesque (unchanged — consistent with body) +- **Weight**: 600 (down from 700) +- **Letter-spacing**: -0.02em (tight tracking) +- **Responsive scale**: `1.375rem` → `1.6rem` (sm) → `1.8rem` (md) → `2.2rem` (lg) + - Previous: `1.5rem` → `1.8rem` → `2rem` → `2.4rem` + +### Changes +- **ParentSection.tsx**: Updated h2 className responsive sizes and inline style (fontWeight 700→600, added letterSpacing -0.02em) + +### Verification +- **Desktop (1024px+)**: 35.2px / 600 weight / -0.704px tracking — refined, premium feel +- **Mobile (375px)**: 22px / 600 weight — proportional, readable +- Both "Patient Summary" and "Patient Pathway" headers identical +- Clear hierarchy: parent headers (2.2rem/600) > sub-headers (12px/600 uppercase) > body (13px/400) +--- diff --git a/src/components/ParentSection.tsx b/src/components/ParentSection.tsx index 42f16ac..57acd45 100644 --- a/src/components/ParentSection.tsx +++ b/src/components/ParentSection.tsx @@ -12,9 +12,10 @@ export function ParentSection({ title, children, className, tileId }: ParentSect return (