domains / families / design / gradient

gradient

separate

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

When to use

• smooth color transitions
• gradient-rich surfaces
• modern playful interfaces
• visual depth
• design token definitions
• component state rules
• accessibility acceptance criteria
• QA checklists

When not to use

• low contrast text
• inconsistent spacing rhythm
• ambiguous labels

Skill page

Source