# openspec/changes/archive/web-ui-spacing-typography-rework/specs
dir: openspec/changes/archive/web-ui-spacing-typography-rework/specs

index: openspec/changes/archive/web-ui-spacing-typography-rework/specs/.pi-map.index.md

## role
Archive of technical specifications for a phased web UI design system modernization initiative focused on spacing, typography, and component standardization.
## files
- web-ui-spacing-typography-rework-pass2.md | Technical specification for Pass 2 of a web UI cleanup initiative, detailing the refactoring of inline styles into CSS utility classes, token standardization, and component pattern unification across six target components. | dep: CSS custom properties (variables), React/TSX components, utility-first CSS architecture, OpenSpec proposal system
- web-ui-spacing-typography-rework-pass3.md | Defines Pass 3 of a web UI design system consolidation, unifying modal/dialog components, standardizing card patterns and responsive breakpoints, adding token documentation, and establishing a code review checklist. | dep: CSS, global.css, tokens.css, OpenSpec, apps/web, sdd-apply
- web-ui-spacing-typography-rework.md | Defines CSS token additions and primitive component style specifications for a web UI foundations rework (Pass 1), covering spacing, typography, mobile view fixes, and focus states. | dep: CSS custom properties, env(safe-area-inset-bottom), color-mix(), IBM Plex Mono font
## arch
Document-driven specification architecture using iterative pass-based approach (3 passes) with incremental scope expansion from foundations (tokens/primitives) → component refactoring (utility classes) → pattern unification (modals/cards/responsive) and governance (checklists/docs).
## tags
web, spacing, typography, rework, ui, css, pass, token
## symbols
-
## workflows
-
## dirty
-
