Marcelo Paiva
Illustrations
Theme

All illustrations

A curly haired man in glasses leans over a grid of squares, drawing with a pencil.

Draws this one again — same subject and the same people, a new palette and a new angle on it, described afresh. It replaces the drawing on this page for everyone, until somebody draws another. Costs the site about eight cents, and a few seconds.

Or press the left arrow and the right arrow.

Should a design system have a file written for machines?

Writingread the piece

Asked for
A designer at a desk writing rules on a blank sheet beside an open swatch book of numbered color chips
Drawn with (complementary)
#3986a9#d85d3c#463e8c

Why these three

Two hues opposite each other, the strongest contrast available, with the third supporting the first.

  1. SeedSHA-256 of should-a-design-system-have-a-file-written-for-machines, which is the same every time and different for every piece.
  2. Base hueThe first two bytes as a fraction of 65,535, times 360 = 203°.
  3. GeometryThe third byte modulo 4 picks complementary, which adds 0°, 180°, 40°.
  4. WobbleThree more bytes shift each by up to ±12° — 5.0°, 10.8°, +3.2° — so two pieces that draw the same geometry are still not the same shape on the wheel.
  5. Result#3986a9198° at 66% saturation, 66% value#d85d3c13° at 72% saturation, 85% value#463e8c247° at 56% saturation, 55% value

Saturation never drops below 72% and value never below 78%, which is what keeps a hue reading as the colour it was chosen to be rather than as a dark. More on how these are made.