Contrast Card Generator

The card is high-contrast. The website doesn't have to be.

The black-and-white card is built for a baby's immature visual system; the website around it is read by an exhausted adult with ordinary eyes — two different pairs of eyes, two different design problems, and only one of them needs maximum contrast.

Mixed evidenceUpdated Aug 16, 2026For parents, caregivers, general

Combines established science with practitioner guidance and our design opinion.

In one line

The black-and-white card is built for a baby’s immature visual system; the website around it is read by an exhausted adult with ordinary eyes — two different pairs of eyes, two different design problems, and only one of them needs maximum contrast.

Key points

  • A newborn’s contrast sensitivity is poor. Low-contrast patterns are, functionally, not there — so the print goes to the extreme: pure black on pure white.
  • The person choosing the print is a sighted adult, often tired and often worried. Nothing about their vision requires 21:1 black-on-white, and an interface pushed to that extreme reads as clinical rather than kind.
  • “More contrast is always better” is true of the artifact and false of the interface. Beyond the accessibility floors, extra contrast in a UI buys nothing and costs warmth.
  • There is one place the two rules collide: the on-screen preview of the print. That must show the real ink and paper on a neutral surround, because a warm mount would make the sheet look cooler than it actually prints.

The evidence

[established science] Infant contrast sensitivity develops over the first months and is markedly lower than an adult’s, especially in the newborn period. This is the entire reason high-contrast cards exist: a pattern the baby cannot resolve or cannot distinguish from its background delivers no stimulation at all. Our sizing pages cover the resolution half of that (see How big should it be? A plain-language guide to sizing a contrast card); this note is about the contrast half.

[established science] WCAG sets contrast minimums, not targets: 4.5:1 for normal text (AA) and 7:1 for the enhanced level (AAA). They are floors below which text becomes hard to read. Nothing in the standard says a higher ratio is a better interface, and the specification is explicit that these are thresholds for legibility, not a quality scale.

[our design opinion] Conflating the two is the most natural mistake this project could make, and version 1 made it: the site inherited the card’s aesthetic. Black on white everywhere signals “instrument” — which is honest about the engineering and wrong about the audience. The people using this tool are not the people the card is for. They are parents and caregivers, and quite often they are anxious about something.

So version 2 warms the surfaces — cream and oat backgrounds, a warm near-black instead of pure black, one warm accent — while keeping every accessibility floor intact and, in places, exceeding them. Body text still clears 7:1. Every piece of interface text clears 4.5:1. Focus rings stay visible. What changes is the temperature, not the legibility.

[our design opinion] The exception is the preview. Put a white sheet on a cream page and simultaneous contrast makes the sheet look faintly blue — your eye judges colour relative to its surround. A parent comparing the preview to the paper coming out of their printer would see two different things and reasonably conclude the tool was wrong. So the preview keeps a neutral grey mount and shows the true ink and paper colours in every theme. A warm site must not lie about what comes out of the printer.

Practical takeaways

  • If you are making your own cards: put the contrast in the card. It does not need to be in the instructions, the labels, or the app you made it with.
  • Black on white is the strongest starting point for a young baby, but “strongest” is not the same as “only”. As vision matures, colour and lower-contrast patterns become useful and more interesting — the generator introduces them by stage for that reason.
  • Judge a printed card by the printed card, on the wall, at the distance it will actually be seen from — not by how it looks on a screen next to other things.
  • If you have a low-vision adult in the house who also uses this site, your operating system’s high-contrast and dark modes are the right tool for that, and we honour them.

Caveats & disclaimer

This is a non-medical enrichment tool, not a diagnostic or therapeutic one. Individual variation is large, and everything here describes conservative design targets rather than a measurement of any particular child. For a premature baby, for CVI, for any low-vision or health concern, your clinicians are the authority — please defer to them.