Z:

Sprayshop — A design system precursor

KEEPTRUCKIN  /  2020


Background


Sprayshop is a robust/re-usable/repeatable collection of patterns used across the web products in KeepTruckin by all members of the product design team.

The initial need arose after consistent inconsistencies web patterns plagued the production environment. Designers were scrambling to find what the latest version of a pattern looked/worked like.

Impact


After establishing core patterns like type-styles, colors, icons. We reduced all instances of inconsistencies across design and development for the mentioned patterns in all new design/dev work performed.

For colors alone this was a 300% reduction in the number of different shades/hex’s on our product. I wrote extensively about that exercise and the approach I took. You can read all about it here:

Colors //

Hue Clock


Spreading primary/secondary and extended shades across a hue wheel.