Example 2: Gradient & Text Contrast (Gotcha)

Gotcha: Ensure any text placed on top of a gradient maintains sufficient contrast across all parts of the gradient for readability.

Problematic Contrast Example:

Black text: Hard to read on indigo.

White text: Hard to read on yellow.

Improved Contrast Example:

White text with a drop shadow on a harmonious blue gradient.

Black text on a light gray gradient.