Since Divi can be used to create practically any type of website, there are loads of examples of websites built with Divi to spark your imagination. In this article, we take a look at the 27 best Divi theme examples and websites created with the popular Divi theme. No matter the type of site you want to build, there is sure to be something in this list to help.

27 Best Divi Theme Examples (Updated 2019)

Below is a list of the 22 best Divi theme examples we were able to find from around the web. These websites had to stand out from the crowd, take Divi to the next level, and ultimately show off what you’re able to achieve with the Divi theme. If you’ve built a website with Divi and want us to consider adding it to this list of Divi them examples, let us know in the comments below.

1. RadAmBhf

RadAmBhf adds a reservation CTA in the menu. The hero section includes a two-column split-screen with background images and products within overlays. The products show more information on hover. Services are shown as overlays within images and include elegant gold highlights that change on hover. Each of the following sections uses the gold highlights for titles and to indicate boxes that are mixed within the overlapping images. The gold looks great over both the white and the black backgrounds.

Visit the Site

2. Bank Southern

Bank Southern, one of the only Divi theme examples we were able to find of a bank, displays a full-width image slider with a tagline, CTA, and login. Information is presented within two columns at full-width and includes an image, buttons, text, and video. The menu displays links in three columns with one column standing apart with a border. The banking pages use images and toggles in two columns. Account comparisons are displayed in tables with hover animation. This is one of the only banks we’ve seen built with Divi, and it sure is a good one!

Visit the Site

3. Ane Riel

Ane Riel is an author’s website that focuses on books. The site includes a vertical menu that remains in place on scroll. The header includes a full-screen photo of the author with a title and down arrow. Scrolling reveals a couple of book sections in full-screen with the book cover, information, and button to purchase. An About section introduces the author. Following this is another book CTA, a blog section, and a three-column testimonial section. This site is a great example of displaying books for purchase.

Visit the Site

4. In-Joy

In-Joy is a great example of color-gone-wild in a good way. The color palette isn’t too flashy and doesn’t clash, but the patterns are eye-catching. Transparent blocks with gradients and titles serve as links to services. The large typography, fancy title fonts, images, and styled social icons fit well with the site’s design. The client forms button attached above the menu is a nice touch. If you’re interested in an example of using color patterns it will be difficult to find a better example than this one.

Visit the Site

5. Doers

Doers uses a full-screen image with an overlay as the homepage. The overlay displays the name with a tagline and a button. The website uses a minimal design with animated icons that look like hand-drawn graphics and animated text. The blue color branding is used throughout the website. If you’re looking for a web studio built with Divi, this is an excellent Divi theme example.

Visit the Site

6. Root of Life

Root of Life uses a white background with cream highlights throughout the site. The header background image displays products and a CTA provides buttons to sign up for the newsletter and see the shop. The blog section is styled to match. The menu displays a dot over the link on hover. The shop uses a load more feature. The blog is filterable by category. Not many other Divi websites can compete with Root of Life when it comes to e-commerce websites built with Divi.

Visit the Site

7. SM Graphics

SM Graphics uses an elegant color palette of black, white, and gold. Gold is used for several section titles and icons. Work is displayed in a multi-column layout with hover animation and custom icons. Information is shown in an alternating pattern. The site has a clean layout and is an excellent example of parallax. If you’re looking for a design studio built with Divi, you’ll be hard pressed to find a better example.

Visit the Site

8. Saint Benevolence

Saint Benevolence uses lots of tan backgrounds with large red fonts and gold floral patterns, all boxed in with a gold outline. Even the menu uses this color palette and pattern (the pattern is revealed on scroll). Scrolling reveals several sections with photos of the Caribbean with large blocks of text and CTA’s and a section with a photo of the product in parallax. This website is an excellent example of a simple design with only a few colors working well together.

Visit the Site

9. Better Health by Heather

Better Health by Heather is a food blog with excellent photography and great use of color. The hero section includes a full-width image with a newsletter CTA in bold colors. An information section shows a CTA with the mission of the site. A services section shows images with a colored bar to one side and it’s separated from the previous section with a divider that shows the site’s logo. I like the testimonial section that includes a slider with the site’s branded bold colors. I also like the blog section that follows the same styling as the other images.

Visit the Site

10. Woodyfule

Woodyfuel uses a full-screen background video with section styling and buttons with hover animation which displays icons on opposite sides of the buttons. On scroll and CTA bar falls from one side from a vertical position to its horizontal position and then remains on the screen. Information boxes include hover animation. The color and fonts match the branding perfectly. The site includes a unique menu layout with CTA. Woodyfuel has a modern rustic feel that makes it stand out from the crowd.

Visit the Site

11. Vet Plus

Vet Plus uses a unique layout with rounded section separators and overlapping icons. Background images use green overlays to match the branding. The menu highlights the current page in yellow and includes two phone numbers. The green and yellow branding are used throughout the site. This Divi site is a great example of how a veterinarian website should look.

Visit the Site

12. Volume

Volume has a unique header that rotates services. Scrolling reveals a full-screen information section with video and audio to highlight examples of services. Logos for awards are displayed in gold. Photos of singers are displayed within a full-width grid and include boxed styling and hover animation. If you’re looking for a unique website made in Divi, you just found it.

Visit the Site

13. Andrew Kingslow

Andrew Kingslow uses a full-screen header that displays images with the Ken Burns effect, and video with a tagline and CTA. Blurbs overlap sections. Work is displayed in a three-column grid with hover animation. Loading icons display in 3D. The site makes excellent use of color. As far as Divi sites go, this is an excellent example with plenty of customizations.

Visit the Site

14. BD’s Mongolian Grill

BD’s Mongolian Grill makes elegant use of large typography and a brown and red color palette. It includes lots of images to draw visitors into their call to action. It does have a lot of information within the menus, but it finds a way to present it so that it’s easy to follow. They even have a food menu for each location with a reservation system. This is one of the best restaurant designs that I’ve seen with Divi.

Visit the Site

15. Vin Walker

Vin Walker provides excellent proof that Divi is a great theme for authors. The slim menu provides a CTA that stands out while at the same time getting out of the way of the hero section which displays an almost full-screen CTA. Large single column sections show the novels, information about the author, and social follow links. If you’re looking for a good example of an author’s website made with Divi, look no further than this website.

Visit the Site

16. Funk Engine Music

Funk Engine Music is a great example of how to make a one-page website to sell music. Styled images show the band members next to a write-up of their history along with a small testimonial slider. Styled audio players provide samples from the albums. Upcoming gigs are displayed within a table and include links to purchase tickets. The site makes great use of parallax and backgrounds with images from the studio. It’s hard to find a better one-page band website than this one.

Visit the Site

17. Cruise Travel Outlet

Cruise Travel Outlet makes elegant use of a gradient within the header. The header also includes tagline and CTA. A small slider shows featured deals. The secondary menu includes a CTA. The header overlay perfectly matches the yellow and blue branding that’s used throughout the site. This is a great example of a travel website built with Divi.

Visit the Site

18.  Colorstone

Colorstone is a great example of a multi-page band website. It displays a full-screen video of the band followed by three large blocks of color with extra-large social follow icons. Each band member is displayed within a full-width section with a solid color background, large typography, and a large image with shadow effects. The YLA Sessions page includes audio players with images. Embedded videos use shadow effects and look amazing over the orange backgrounds. This site makes great use of color and is easily one of the best band websites on the net.

Visit the Site

19. Real Coaching Co

Real Coaching Co is an excellent example of how to use large hand-written fonts with elegant color backgrounds. A hero section shows the title in a gold scripted font, tagline, and a sentence of description next to a large image over a brownish-gray background. Sections alternate between solid white backgrounds and images with dark overlays and the gold fonts look great with each of them. The mega menu uses white and gold fonts against a black background. Services are displayed with styled blurbs. If you’re looking for a great example of a coaching website you’ve found it.

Visit the Site

20. CODECRATER

CODECRATER makes elegant use of gradient overlays. Information is displayed in five columns on the home page. The CTA’s are in the form of large blue buttons, which stand out throughout the home page and within the secondary menu. The website also uses a unique dot navigation styling. The “What We Do” page uses elegantly styled toggles to display their services. The portfolio page displays work in two columns with an image, description, and link. This is a great example of a small web agency created with the Divi theme.

Visit the Site

21. Cura Brazil

Cura Brazil uses flat design with lots of bright colors. Scrolling past the hero section reveals a video background with wavy section separations followed by an interesting section with the sun and text in parallax over skyscrapers in a flat design. Even the bar counters use the bold colors found throughout the website. A simple CTA displays four blocks of color with angled sides. A donate bar remains at the bottom of the screen with a button that slowly changes color. This website is an excellent example of flat design and bold colors.

Visit the Site

22. Hailey Sault

Hailey Sault displays a full-screen video background with messages. The hero section remains in place as the next section scrolls over it to reveal a large CTA in parallax over a background image. The next section is my favorite though – it’s a blog section in two columns with large images and no space between them. A large yellow CTA stands out while matching the highlights of the website. Extra-large social icons are displayed wall-to-wall in three columns. This site’s an excellent example of color and layout design.

Visit the Site

23. On the Agenda

On the Agenda uses a lot of white space and simple graphics in bold yellow over white backgrounds, or in black over yellow or gray backgrounds. The graphics and sections look like they were hand painted with a brush. The yellow and gray sections were painted over the white and still has white showing through or separating them. All of the sections use a two-column layout and most have simple CTAs to learn more or get in touch. The site makes elegant use of color.

Visit the Site

24. The Blog Creative

The Blog Creative has some interesting animated backgrounds behind the header and several of the sections throughout the site. The backgrounds are bubbles, or the entire section’s background, that moves- creating a pulsing or waving design. The site makes great use of soft colors to appeal to its primary audience. Blurbs use the same soft colors within their multi-colored icons. I like the blog section with elegant featured images. A CTA with bold colors stands apart from the rest of the site and overlaps two sections.

Visit the Site

25. Checkerboard

Checkerboard has a unique scroll feature that shows information in and around a tablet screen. It includes a two-column section with information on one side and the tablet on the other. As you scroll, the tablet remains in place while the text in the other column scrolls. The graphics on and around the tablet changes to match the text for the current section. All of the sections with text include a link to see more information. Once you’ve scrolled past the text the tablet will scroll away, revealing a full-screen of projects and case studies.

Visit the Site

26. Cock and Bull Festival

Cock and Bull Festival uses a deep blue background with lots of brightly colored flat graphics to decorate the sides of the site. The graphics, logo, and titles look hand-drawn. The header shows the logo with two CTAs followed by information and an embedded video. I love the next section which shows the information with images that have thick borders, which create a multi-column layout. The images zoom on hover. The newsletter form also looks hand drawn and includes two shades of green. I also like the footer that shows people in silhouette. This site makes excellent use of color.

Visit the Site

27. Byte Stand

Byte Stand makes interesting use of green as highlights throughout the site. Two or more shades of green help create clouds, blocks of colored backgrounds, the background of meta descriptions for the blog posts, the contact CTA, and the graphics in the footer. The branded green is also used in the titles and graphics for blurbs. I especially like the newsletter form and the FAQ section that includes three different layers of color and overlapping clouds. The site makes excellent use of graphics.

Visit the Site

Also, check our Extra theme examples blog post to see some amazing websites built with the Extra theme.

Ending Thoughts

These Divi theme website examples are simply beaming with inspiration. The next time you’re looking for design inspirations, these outstanding Divi theme examples are sure to spark your imagination.

What’s your favorite of these Divi theme examples? Let us know in the comments.

Get Email Updates (It's Free)

No spam ever. Only Divi related updates. You need this.

Pin It on Pinterest

Shares