Style · collection
Gradient web design
3 curated gradient sites, shown as our own renders. Click any one to decode it — pull the palette, measure the spacing, or install its shadcn theme.
What to look for. Gradients as material, not decoration: backgrounds, buttons, sometimes text. Worth decoding for the stops, which are rarely what they look like.
Clerk clerk.com Decode Auth made friendly: soft gradients, rounded components, and a light palette that makes a dry topic feel approachable. 
Superhuman superhuman.com Decode Speed sold through restraint: a confident type-led hero and snappy micro-interactions that reinforce the pitch. 
Stripe stripe.com Decode The animated gradient mesh set the template a decade of SaaS copied; under it sits a strict grid and ruthless typographic hierarchy. Also in these collections
Other axes these sites overlap with, ranked by how many they share.