Learning on Web Dev Open is free for all.

Design Craft > Colour with a point of viewColour is never the only signal
Phase 02Colour with a point of view100 of 434

Colour is never the only signal

Rebuild a status system that works in greyscale. Shape, icon, position and text: colour is the fourth reinforcement, not the first.

Build22 minAI implements

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Encode state with at least two channels
  • Test a component by desaturating the whole page
  • Design an error state that survives colour blindness
Ask the community

Loading…