makiolaj/GearBox
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 10 Wiki Activity

docs(35): fix UI-SPEC typography and spacing checker violations

Browse Source 
Collapse font weights from 3 to 2 (remove 500/medium, map Label to 600/semibold).
Remove non-multiple-of-4 Tailwind class references from spacing Usage column.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jean-Luc Makiola
2026-04-19 19:24:57 +02:00
parent 805b306516
commit d216c80892
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.planning/phases/35-bug-fixes/35-UI-SPEC.md
View File

@@ -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`).
---