style-pack-clean-product

A style pack for the design direction: clean product UI. Chosen by name in design.md.

The look

• Type: one sans family, two or three sizes in regular use, weight rather than size for emphasis.
• Colour: neutral surfaces, one accent used for the primary action and the active state only.
• Spacing: generous and even; whitespace separates groups before borders or fills do.
• Radius: moderate and uniform.
• Density: medium, leaning airy.
• Motion: short fades and eases on state change; nothing decorative.

Do and don't

• Do: let hierarchy come from size, weight and space; keep one primary action per view.
• Don't: add shadows, gradients or a second accent colour to create interest.

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.