Design Token Audit — Consumer Mobile
| Field |
Value |
| Date |
2026-08-06 |
| WP |
WP-FIGMA-TOKENS-01 (COMPLETE) · prior WP-FIGMA-FE-AUDIT-01 |
| Theme path |
mobile/src/theme/tokens/ |
| Import |
import { colors, layout, textStyles, … } from '../theme/tokens' |
| Figma variables |
BLOCKED_EXTERNAL — not used as source |
| Design mode |
IMPLEMENTED_FROM_LOCAL_DESIGN · FIGMA_EXACT_SYNC: DEFERRED |
Sources used
| Source |
Role |
design/mockups/0293115396ae17f04ebf1.jpg |
Home · primary blue · card radius · tab bar · shadows |
design/mockups/bfb02874af892ed7779819.jpg |
Auth shell · CTA radius · soft danger/success |
Prior tokens.ts brand #0B4F9C |
Kept — no invented Figma hex |
Modules
| File |
Contents |
colors.ts |
brand, primary/secondary, surface*, text*, border, success/warning/error/info (+ soft), map overlays, scrim |
typography.ts |
system fontFamily · fontWeight · type sizes · textStyles presets |
spacing.ts |
none…xxxl (4pt base) |
radius.ts |
sm…full + button/card/sheet/input/chip/modal |
shadow.ts |
none / sm / card / sheet / modal |
layout.ts |
screenPaddingX, header/tabBar, touchTargetMin, sheet snaps, iconSize |
index.ts |
barrel + icons guidance (MCI, no emoji) |
Legacy compatibility
| Legacy key |
Still exported |
colors.text |
= textPrimary |
colors.muted |
= textDisabled |
colors.danger |
= error |
colors.overlay |
= scrim |
type.hero / title / body / caption / micro |
yes (+ display/heading/label/button/numeric) |
shadow.card |
yes |
Shared UI wired this WP
Button → radius.button / chip, errorSoft, type.button, touchTargetMinScreen → layout.screenPaddingX, textPrimaryStateBlocks → errorSoft / successSoft (removed raw hex)GatewayModeBanner · ConfirmModal → soft tokensMainTabs → layout.tabBarHeight / iconSize.tab
Hardcoded hex remaining
| Scope |
Status |
shared/ui/* |
0 intentional raw hex (soft tokens used) |
| Feature screens / serviceCatalog |
Still many — migrate in per-domain WPs (e.g. service grid palette) |
Verification
FIGMA_EXACT_SYNC: DEFERRED
Pixel verification: NOT TESTED
Device: NOT TESTED
mobile tsc --noEmit: PASS
New fonts added: NO
Figma values invented: NO
Next recommended
WP-FIGMA-HOME-NAV-01 — IMP (navigateService.ts · catalog → real stacks).