Marcelo Paiva

All illustrations

Drawing for WCAG Plugin for Figma.

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.

WCAG Plugin for Figma

Work — read the piece

Meant to show
A Deaf designer reviewing annotated layouts in sign language, a colleague answering in kind. The plugin's users are designers, and some of them are disabled.
Asked for
A woman signing from a video window beside a screen of annotated mobile layouts, a colleague's hands paused mid-gesture in reply
Drawn with (split)
#c93daa#76ae60#5aa880

Why these three

The opposition backed off by 30 degrees either side, which keeps the contrast without the vibration.

  1. SeedSHA-256 of wcag-plugin, 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 = 311°.
  3. GeometryThe third byte modulo 4 picks split, which adds 0°, 150°, 210°.
  4. WobbleThree more bytes shift each by up to ±12° — +2.2°, +1.7°, −11.7° — so two pieces that draw the same geometry are still not the same shape on the wheel.
  5. Result#c93daa313° at 70% saturation, 79% value#76ae60103° at 45% saturation, 68% value#5aa880149° at 47% saturation, 66% value

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