heroes
Headline legible over the photo
Generates the background on its own canvas from a fixed seed, reads with getImageData the pixels sitting under each word of the headline, computes relative luminance and the real contrast ratio, and applies per zone the cheapest fix that reaches the threshold (nothing, local scrim, colour flip or halo), against the usual blanket veil that complies just the same while covering the whole picture.
See it live and copy its promptWhat you can adjust
- Contrast threshold
- Text color
- Headline size
- Scrim strength
- Halo width
- Image seed
- Measurements
- Canvas height
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
