What is a Gradient?

A gradient is a gradual transition between colors used to convey depth, focus, or brand expression.

When to use Gradients?

- To create visual hierarchy or emphasize interactive elements

- As backgrounds, overlays, or strokes for depth and polishWhen not to use Gradients?

- When they reduce contrast and harm accessibility

- When brand guidelines require flat color usageWhat is the anatomy of Gradients?

- Type: linear, radial, conic

- Stops, opacity, and blending

- Direction and scale across breakpoints