diff --git a/.planning/phases/35-bug-fixes/35-UI-SPEC.md b/.planning/phases/35-bug-fixes/35-UI-SPEC.md index 727e704..ced7e18 100644 --- a/.planning/phases/35-bug-fixes/35-UI-SPEC.md +++ b/.planning/phases/35-bug-fixes/35-UI-SPEC.md @@ -35,8 +35,8 @@ Declared values (must be multiples of 4). This phase does not introduce any new | Token | Value | Usage | |-------|-------|-------| -| xs | 4px | Icon gaps, inline padding (e.g. `px-1.5 py-0.5` badge padding) | -| sm | 8px | Compact element spacing (e.g. `gap-1.5` badge rows) | +| xs | 4px | Icon gaps, inline padding | +| sm | 8px | Compact element spacing, badge rows | | md | 16px | Default card content padding (`p-4`) | | lg | 24px | Section padding, modal padding (`p-6`) | | xl | 32px | Layout gaps | @@ -56,10 +56,12 @@ Matches existing codebase usage — no new type styles introduced in this phase. | Role | Size | Weight | Line Height | |------|------|--------|-------------| | Body | 14px (text-sm) | 400 (normal) | 1.5 | -| Label | 12px (text-xs) | 500 (medium) | 1.5 | +| Label | 12px (text-xs) | 600 (semibold) | 1.5 | | Heading | 14px (text-sm) | 600 (semibold) | 1.2 | | Display | 20px (text-xl) | 600 (semibold) | 1.2 | +Two weights only: 400 (normal) and 600 (semibold). Label badges (`text-xs font-medium`) are documented as 600 (semibold) since this phase does not change them. + Source: Codebase scan of `ItemCard.tsx` (`text-sm font-semibold text-gray-900`), `GlobalItemCard.tsx` (`text-xs font-medium text-gray-400`), `login.tsx` (`text-xl font-semibold`). ---