style-pack-playful-consumer
Playful consumer: friendly rounded shapes, bright colour, larger touch targets and lively motion. For casual consumer apps.
Files1
View on GitHubSKILL.mdpackages/skills/style-pack-playful-consumer/SKILL.md
GitHubstyle-pack-playful-consumer
A style pack for the design direction: playful consumer. Chosen by name in design.md.
The look
- Type: friendly, rounded or humanist sans; larger sizes and short copy.
- Colour: bright, saturated accents on light surfaces; colour marks meaning and delight.
- Spacing: roomy, with large touch targets.
- Radius: large and soft.
- Density: low.
- Motion: springy, short and rewarding on success states.
Do and don't
- Do: use illustration, empty-state personality and celebratory feedback with restraint.
- Don't: let playfulness cost clarity, contrast or tap-target size.
Within the design system
This pack never overrides a token and never replaces a component. It guides the choices the
design system leaves open: layout, hierarchy, spacing between groups, emphasis and imagery. How
far those choices may depart from today's screens is the departure latitude in design.md; the
pack works inside that latitude. Where the system already decides something, the system wins.