Pixel Symphony

The system pairs a strict eight-point grid with a deliberately loose colour treatment, so the interface stays orderly while the brand layer stays expressive. Composition rules do the structural work; colour carries the personality.

A music platform's interface had been built feature by feature over three years. Nothing aligned to anything, and the accumulated inconsistency was slowing every new release.

Deliverables

Eight-point grid and spacing system
Expressive colour layer with contrast rules
Component library across two platforms
Migration plan for existing screens