Skip to main content

Gradient best practices

Shapes

When using shapes over gradient backgrounds, they should always be white.
This ensures strong contrast, visual clarity, and consistency across all brand and product applications, regardless of the gradient’s tone or complexity.

We don’t pair gradients with gradients. When the background is white, we can use shapes with gradients.

We don’t pair gradients with gradients. When the background is black, we can use shapes with gradients.