Career App · Design System
Overview
Everything you need for UI in the Career App: tokens, primitives, and patterns. In the app: docs/USING_IN_APP.md.
Start here
Components
Primitives and patterns (Button, Tabs, Card, Toast, Score…). Clear API, specs, and documentation pages.
Foundation
Tokens
Colors, spacing, radius, elevation, typography. Always via semantic `ds-*`.
Principles
- Playful. Friendly, light, human—like a reference. No stiff corporate look.
- Linear hierarchy: short headings, minimal decoration.
- Surface = border + blur; shadows only as subtle depth.
- Pills and rounded-3xl for main interactions.
Patterns
Match score cards & badges
Match score cardScore badgeSkill badge
How cards and badges look in the app: applications grid, detail cards, and skill tags.