This site makes great use of color and typography. The site uses lots of light green and bold orange.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. 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. Photos of singers are displayed within a full-width grid and include boxed styling and hover animation. Several sections use squiggly lines that go halfway across the screen. 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. I love the use of color and typography in this website.Doers uses a full-screen image with an overlay as the homepage. A down arrow sits on the left under the buttons.
Posts are displayed in a single column with a sidebar which includes a search box and the most popular posts. All of the pages use lots of large photos and dark but bold colors.WWF-SCP displays a full-screen background image with an overlapping logo at the top and overlapping blurbs at the bottom. On scroll and CTA bar falls from one side from a vertical position to its horizontal position and then remains on the screen. Another section has a full-screen background in true parallax with information and includes a title that overlaps the previous section.
It displays the publish date in a medium-sized circle and has a large read more button – both in branded colors.Haris Cizmic uses a full-screen image with a logo in an overlay in parallax. The header also includes tagline and CTA. The overlay also includes a CTA to learn more about the program and button to see a video. The menu includes a CTA. The hero section displays a large tagline with numbered stats over a full-screen image with a dark overlay. The CTA’s are in the form of large blue buttons, which stand out throughout the home page and within the secondary menu.
They don’t clutter the text with flashy buttons, but they do give the blog some ‘pretty’ that makes them interesting or useful. The hero section remains in place as the next section scrolls over it to reveal a large CTA in parallax over a background image. Information is displayed in five columns on the home page. All of the sections with text include a link to see more information. Each of the following sections uses the gold highlights for titles and to indicate boxes that are mixed within the overlapping images. The standard Divi blog does look nice, but within a styled website it can look out of place. 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. This website is an excellent example of a simple design with only a few colors working well together.Below is a list of the 37 best Divi theme examples we were able to find from around the web. A section of information shows a tagline in a larger font and text to one side with an image overlapping the background on the other.
Overlapping this is a section with an image on one side and a CTA on the other. The blog section is placed over a light gray background. Styled images show the band members next to a write-up of their history along with a small testimonial slider. The menu includes hover animations. Scrolling reveals a couple of book sections in full-screen with the book cover, information, and button to purchase. Posts are displayed in a single column with large images. Walk on Kunanyi displays a full-screen image with the logo in the center and a CTA in the menu that includes a nice shadow for the text on hover. This is one of the best restaurant designs that I’ve seen with Divi.Intersection for the Arts uses various shades of orange, brown, and tan for background colors and fonts, starting with the large block of color for with a tagline to describe the website.