Blog
Notes on gradient design
Practical writing on color, contrast, mesh gradients, slide backgrounds, and the craft of making gradients work in real designs.
PNG, JPG, SVG, or CSS: how to export gradient backgrounds
A practical export guide for designers using gradients in slides, websites, social posts, decks, and product mockups.
Library
Recent guides
8 articles
12 gradient ideas for slides and presentations
Twelve ready-to-export gradient backdrops for keynote, pitch deck and webinar slides — each tuned for AA contrast and 16:9 export.
How to choose gradient colors that actually work
A working designer's guide to picking gradient colors — contrast, hue distance, OKLCH, and the pairings that hold up in real product UI.
Gradient texture guide: clean, grain, paper, mist, silk, and film
A designer-friendly guide to choosing subtle texture finishes for gradients, from polished fine grain to editorial film.
Mesh gradients: what they are and when to use them
A clear guide to mesh gradients, palette-based color points, modern use cases, and how to avoid the washed-out look.
Gradient backgrounds for slide decks: a practical design guide
How to use gradient backgrounds in PowerPoint, Keynote, and pitch decks without sacrificing clarity, hierarchy, or presenter confidence.
How to keep text readable on gradient backgrounds
Learn how to place headlines, buttons, and body copy on gradients without losing contrast, accessibility, or visual polish.
Good gradients vs bad gradients: what actually makes the difference
A practical guide to spotting weak gradients, fixing muddy color transitions, and choosing backgrounds that make a design feel intentional.