Marcelo Paiva
Illustrations
Theme

All illustrations

A bearded man in headphones and glasses types on a laptop beside a swatch grid.

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 your portfolio be accessible? Hell yeah!

Writingread the piece

Asked for
A designer at a laptop showing a portfolio page, wearing headphones, navigating by keyboard, beside a printed color contrast swatch card
Drawn with (complementary)
#8d497d#459e6f#c1706e

Why these three

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

  1. SeedSHA-256 of making-your-design-portfolio-accessible, 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 = 324°.
  3. GeometryThe third byte modulo 4 picks complementary, which adds 0°, 180°, 40°.
  4. WobbleThree more bytes shift each by up to ±12° — 10.0°, +3.8°, 2.9° — so two pieces that draw the same geometry are still not the same shape on the wheel.
  5. Result#8d497d314° at 48% saturation, 55% value#459e6f148° at 56% saturation, 62% value#c1706e1° at 43% saturation, 76% 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.