DiviGrid · Gradient Text module for Divi 5
Gradient Text: 10 headlines people remember
Moving gradients, photos inside letters, outlines, highlights and hover effects. Ten ready-made headline sections: pick the one that fits your brand, download it and make it yours.
SaaS · Fashion · Luxury · Stats · Travel · Festival · Sale · Manifesto · Quotes · Launch
✦ New: AI workflows are here
Ship your ideas at the speed of thought
Plan, build and launch in one calm workspace. Teams at 4,000 companies moved from idea to release in half the time.
Use case 01 · SaaS & app landing pages · moving gradient (Move) · two parts on two lines · section background photo
BLOOM
spring / summer 26
Use case 02 · Fashion labels & magazines
A field of flowers lives inside the word, and the season sits under it as a fine outline in italic serif. Two modules, no image editor.
Image fill (photo inside the letters) · outline text · italic serif
Use case 03 · Jewellery, watches & luxury brands
Timeless
MAISON AURÈLE · SINCE 1924
A champagne gradient with a light that sweeps across the letters, over almost-black. Quiet, expensive, and still only text.
Two-colour gradient · Shine animation · outline text
Use case 04 · Startups, agencies & annual reports
Numbers that glow
Big, tight numbers with a different gradient each, on soft white cards. The figure carries the colour; the label stays quiet.
Gradient at 135° · one module per number · bold sans
98%
of customers stay after the first year
12M
tasks finished on the platform last month
4.9★
average rating across 12,000 reviews
36
countries with a local support team
Use case 05 · Travel agencies, tours & destinations
ICELAND
8 days of ice, fire and northern lights
Image fill in a tall condensed font · gradient on the middle part only
Use case 06 · Festivals, clubs & live events
NEON NIGHTS
24 — 26 JULY · LISBON DOCKS
Outline on the first word · Hue animation on the second · section background photo
Use case 07 · Online shops & seasonal offers
Summer sale up to −50% this week only
Gradient box behind the middle part · wobble on hover · third part on its own line
Think bolder.
Design braver.
Ship sooner.
Use case 08 · Agencies, studios & about pages
Three lines, three gradients that roll up and down inside the second word. Hover a line and it leans forward.
Vertical Move animation · skew on hover · one module per line
“
We don’t sell holidays. We sell the moment you first see the ocean again.
Marina Costa · Founder, Salt & Sail Travel
Use case 09 · Testimonials & brand statements · image fill on the key words only
Use case 10 · Launches, waitlists & coming-soon pages
COSMOS
Something beautiful is coming in spring
Image fill with a galaxy photo · Trippy animation on one word
Gradient Text Demo
Makeup Studio
BeautyServedBetter
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
Enjoy Your Holidays
Book &Relax
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
PhotoGraphyWorkshop
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
YogaRetreat
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Get QuickMedical Services
Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
TravelExploreThe World
Hi I'MRichard LordWeb Designer
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
DeliciousBest Food
Backed pasta
Sandwich
Shawrma
ServicesSEOOptimization
What We Offer
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
InnovativeBusinessSolution
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
ServiceBest Hosting Solution
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
Donet For Pets
Show ThemYour Love
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.
Every headline above is one module
Gradient Text comes with DiviGrid, together with all our other Divi modules.