Spoedmarkt design system
Token audit and component library for the SpoedMarktplaats mobile app — extracted archaeologically from the existing screens and rebuilt as a semantic, light + dark, token-driven foundation.
Screen inventory
All 52 screens mapped from the mobile codebase — Screen ID, cluster, user role,
registration path, file path, priority, and status. Filterable by cluster, role,
and priority.
Open
Screen mockups
Phone-frame mockups of each redesigned screen in light + dark, sourced from the
screen inventory. Currently mocked up: My Jobs. The other 51
screens are stubbed.
Open
Component library
Base components (Button, Input, Card, Modal…) plus the Spoedmarkt
signature components (UrgencyTimer, JobCard, BidCard…) — every
variant in light and dark mode.
Open
Token audit
Every hex literal and magic number in the mobile codebase, tabulated,
clustered, and collapsed into a semantic token system.
Open
tokens.ts
The full design-system source — primitives, semantic color roles,
spacing, radii, typography, shadows, and motion as TypeScript
constants.
Open