Gradient Rich

Founded by Apple (iOS 7+), Spotify, various · iOS, Spotify, modern web

Philosophy

The Story

Gradient Rich design uses color transitions — from one hue to another, or across a spectrum — as the primary visual element. It emerged from the limitations of flat design: when everyone uses flat colors, differentiation requires something more. Gradients add depth without adding weight. They feel contemporary and slightly futuristic. The technique requires careful execution: gradients that are too saturated feel harsh, gradients that are too muted look like bad Photoshop. The sweet spot is in the 60–80% saturation range, with smooth transitions between colors that have the same lightness. Popular combinations: purple to blue (Spotify's classic), orange to pink (Instagram's 2016 rebrand), and deep blue to teal (Linear). Each gradient combination carries its own emotional register.

Design Parameters

Best For

Notable Examples