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.
CCDS: a design system that ships itself
Work — read the piece
- Asked for
- A designer and a product manager sharing a laptop at a desk, one of them pressing a key, notes and a mug beside them
- Drawn with (split)
#b9aa3c#3f7db4#763cb2
Why these three
The opposition backed off by 30 degrees either side, which keeps the contrast without the vibration.
- SeedSHA-256 of
ccds, which is the same every time and different for every piece. - Base hueThe first two bytes as a fraction of 65,535, times 360 = 64°.
- GeometryThe third byte modulo 4 picks split, which adds 0°, 150°, 210°.
- WobbleThree more bytes shift each by up to ±12° — −11.9°, −6.3°, −5.1° — so two pieces that draw the same geometry are still not the same shape on the wheel.
- Result
#b9aa3c53° at 68% saturation, 73% value#3f7db4208° at 65% saturation, 71% value#763cb2269° at 66% saturation, 70% 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.