018 — Text over images
by Óscar Otero
1 min read
When designing headers with background images, is important to ensure a minimum contrast between the text and the image. A common way to achieve that is by using a gradient.
In the following example, the text is hard to read, especially when the white text matches the foam of the water:
We can use a linear gradient behind the text to ensure a minimum contrast:
