Gradient website design is what happened when flat design ran out of room. 170 sites here built on mesh, linear and animated gradients, recorded in full — and the recording is the point, because a gradient that shifts on scroll is a different object from the one a screenshot captures. Watch where the gradient sits in the hierarchy: as a background it is atmosphere, as a surface it competes with type, and as an animated field it can quietly cost a phone its frame rate. The strongest use one gradient with conviction rather than three that fight. Sorted newest first.
