style × type · collection
Gradient × Company
3 sites that are both. Each axis has its own page too: Gradient and Company.
Gradient. Gradients as material, not decoration: backgrounds, buttons, sometimes text. Worth decoding for the stops, which are rarely what they look like.
Company. Company sites: the front door, built to explain and convince. The best ones keep a product-grade design system behind marketing-grade copy.
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.