Overlays
Specs
We offer 4 types of overlays.
100% (if you want a completely solid and opaque overlay on top of an image, for example, to place text on top)
80% (On top of an image, you can still see the image slightly and place text on top)
60% (Caution, when placing it on top of an image to add text, make sure the image/text contrast follows accessibility rules)
40% (typically used behind backdrops, modals, pop-ins, side panels)