Grainient Supply
Asset shop — not a single design to copy. Grainient is a curated catalog of gradient, mesh-gradient, grainy-noise, AI-generated, and animated background assets sold as packs and via subscription. Built and maintained by Basit A. Khan (solo creator — @basit_designs on X, @basit.designs on Instagram), not a collective. ~1,000+ assets across collections like Hero Gradients V3 (48 designs), Spectral Gradient Darks (50 noise/grainy textured for dark mode), Ultravibe, Syntone, SwiftGlow.
When to consult it:
- Newsletter banner backgrounds — Sanity Check hero images, especially when we want a non-photographic mood-setter.
- Sub-property branding — landing page hero gradients for Data Dots, Open Source Operator, or any new RDCO brand surface that needs an instant visual signature.
- Social cards — LinkedIn / X share images where a flat color would feel cheap but a stock photo would feel generic.
- The shader tool (shader.grainient.supply) for one-off custom gradient generation when no pack matches.
Cost: $149/year subscription, or $299 one-time lifetime. Commercial license included. Lifetime is the obvious buy if we plan to use it for more than two years — break-even is ~24 months.
What’s notable about Grainient’s own visual identity (the screenshot
above): it sells the aesthetic it markets. dark-default (near-pure-black
canvas), brand-distinct-accent (electric chartreuse-yellow CTA — the same
acid-green of Schoff/Mercury-era fintech sites), and a hero that is itself
a grainy aurora-style gradient — proof-of-product as marketing. This is
the grainy gradient
look that’s dominated 2024–2026 SaaS landing pages — soft mesh blends with
visible noise/grain texture overlaid, which adds tactile depth and
prevents the “AI-generated banner” flatness.
Why this matters as a reference: when we need a hero background that feels current without being generic, Grainient is the shortcut. The grainy aesthetic is now a recognized design signal — if we use it, we’re saying “modern technical brand.” If we want to differentiate from that crowd, we deliberately don’t reach for it.
Related
- Mobbin — companion subscription library for UX patterns
- Linear — uses grainy gradients in product surfaces
- 06-reference/concepts/design-vocabulary-glossary#grainy-gradient
- Mood board index