Live examples
Explore 15 Divi text reveal examples
Scroll slowly through the examples. Some follow the scroll exactly, others play once when they come into view; the line under each heading names the style and trigger.
USE CASE 01 · FASHION HOUSES & ATELIERS
A coat should outlive the season it was made for. We cut every piece by hand in our Paris atelier, in wool, silk and linen, and we make fewer of them so each one can be kept for decades.
Style: Spotlight (charcoal → ivory) · Bold words: gold · Arched portrait beside the text
USE CASE 02 · ARCHITECTS & STUDIO VALUES
Three principles we build by
01
Start with the light. Every plan begins with where the sun falls at seven in the morning and where it leaves at night.
02
Use what the land gives you. Local stone, local timber and local hands make a house that belongs where it stands.
03
Build less, but build it once. A smaller house made to last a hundred years is the most sustainable thing we can draw.
Style: Marker Pen, underline · Three modules, one per principle · Big serif numbers
USE CASE 03 · PODCASTS & INTERVIEWS
EPISODE 48 · 42 MIN · TRANSCRIPT
Designing for the slow web
HOST — MAYA
So, Jonas, why do you think the best websites now feel quieter than they did five years ago?
GUEST — JONAS LEE
Because people are tired. They’ve seen every trick. A page that loads fast, says one thing clearly and then gets out of the way feels like respect.
Style: Focus Blur, 10 px · One module per speaker · Bold words in each speaker’s colour
USE CASE 04 · TRAVEL BLOGS & BOUTIQUE TOURS
Dear Anna, the island is even bluer than you said. We wake to church bells, swim before breakfast and eat tomatoes that taste like the sun. Tonight we climb to the old windmill for the sunset. Wish you were here. — L.
SANTORINI
14 · VI · 2026
Style: Fade, plays once when in view · Handwriting font · Postcard with photo stamp and postmark
USE CASE 05 · MEDITATION & WELLBEING APPS
Breathe in for four. Hold for four. Breathe out for six. Notice the floor beneath you and the quiet space between two thoughts. That space was always there. You only needed a minute to find it again.
Style: Spotlight (lilac → plum) · Softness 12 for a slow, breathing wave
USE CASE 06 · BRAND MANIFESTOS & LANDING PAGES
We believe the best products feel inevitable. Not louder. Not busier. Just clear, honest and made with care. Every pixel earns its place, every word has a job, and every detail is there for the person using it.
Style: Fade (Apple style) · By: words · Start: On Scroll, 85% → 35% of the screen · Bold: accent colour
USE CASE 07 · ABOUT US & STORYTELLING
It started at a kitchen table in 2014, with two laptops and one stubborn idea: small businesses deserve beautiful websites too. Ten years and 1,200 projects later, we still answer every email ourselves.
Style: Spotlight (grey → ink) · By: words · Bold: accent colour · Next to it: DG Image Shape
USE CASE 08 · PRODUCT CLAIMS & SALES PAGES
Our planner saves the average team six hours a week. It sets up in under ten minutes, works with the tools you already use, and costs less than one lunch a month.
Style: Fade · Bold words: Marker Pen (half height) · Start: On Scroll
USE CASE 09 · TESTIMONIALS & QUOTES
“We tried three agencies before. This was the first time the website felt like us: warm, simple and quick. Our phone has not stopped ringing.”
Elena Costa · Owner, Costa Family Bakery
Style: Focus Blur · Start: When in View (1.8s) · Phones: becomes a soft fade
USE CASE 10 · HERO HEADLINES
MAKE THE FIRST SECOND COUNT.
Letter by letter, the headline types itself in. Use “On Page Load” at the top of a page; here it plays when it comes into view and again whenever you come back.
Style: Fade from 0 · By: letters · Start: On Page Load / When in View · Extras: Replay Every Time
USE CASE 11 · NONPROFITS & MISSIONS
Every tree we plant is a promise: cleaner air for the next street, shade for the next summer and a greener city for the next generation. This year, 48,000 promises and counting.
Style: Spotlight (dark green → white) · By: letters · Softness: 10 (a long, soft wave)
USE CASE 12 · FEATURES & SERVICES
Rich text with headings, revealed together
The module keeps every heading, link and list of your text. Here a whole feature list fades in, word by word, when it scrolls into view.
Style: Fade · Start: When in View · Text: H3 headings + paragraphs + link
Automatic backups
Every page, every hour, kept for 30 days. Restore any version in one click.
Built-in analytics
See visits, sources and sales without cookie banners or extra plugins.
Human support
Real people, 7 days a week. Meet the team and say hello.
USE CASE 13 · MULTILINGUAL SITES
私たちのウェブサイトへようこそ。小規模ビジネス向けの美しいデザイン。
Bienvenido a nuestro sitio web. Diseño atractivo para pequeñas empresas.
Bem-vindo ao nosso site. Design bonito para pequenas empresas.
Willkommen auf unserer Website. Schönes Design für kleine Unternehmen.
আমাদের ওয়েবসাইটে স্বাগতম। ক্ষুদ্র ব্যবসার জন্য সুন্দর ডিজাইন।
ようこそ。美しいウェブサイトを、すべての人に。
Welcome 👋🏽 Bienvenue 🇧🇩 Willkommen ✨
By: letters, split with Intl.Segmenter · Safe for: Bangla conjuncts (ক্ষ), Japanese, emoji and flags
USE CASE 14 · CASE STUDIES & RESULTS
After the redesign, Northwind Outdoor saw +212% organic traffic, a 38% higher conversion rate and pages that load in 0.9 seconds on a phone.
Style: Fade · Bold words: Marker Pen (underline) · Start: On Scroll
USE CASE 15 · CLOSING LINES & CALLS TO ACTION
Ready when you are.
Style: Focus Blur · Start: When in View · Extras: Replay Every Time