Examples of Divi Websites with black or dark designs

Black websites can look kind of tacky, kind of dated, kind of hard to look at… but when designed well they can also look really cool and set just the right mood for your niche. Getting it right with a black Divi site takes a keen eye for design and is something that I think many designers struggle with, but with perseverance and some good old design talent you can create some trully beautiful websites.

Some quick tips for designing a black website

  • Using colors slightly off-black for the background and slightly-off white for the content helps reduce the harshness of full black and white contrast. Avoid full contrast text such as #fff text on a #000 background. Something like #ccc text on #222 background will be more subtle and easier on the eye.
  • Images, especially product images, that have a black/dark background/edges will look a lot better than those on a white background. Cutting out product images, which usually come on a white background, can become a pain but the end result is worth it.
  • Use plenty of White-space (black-space!).
  • Make fonts slightly larger and add a little extra line-height to keep text easy to read.
  • Pick 1, or maby 2, complimenting highlight colors and use sparingly along with your dark backgrounds and grey text.

So to get your black inspiration on, check out some of these cool examples of black Divi websites.

Andlit Baejarins

A Divi site is built for Andlit Baejarins which is a community photography project in Iceland. A nice combination of black and slightly off black backgrounds, white, off-white and red text along with a nicely contrasting red highlight color. The style of the images along with their dark backgrounds help them blend nicely with the dark page background.

dark website built with divi theme

Zachery Nielson

Zac is an American designer based out of Salt Lake City. A Black and white minimalist site with splashes of color added with images that blend perfectly into the dark background.

Black Divi website for web designer

Wave Dark (Divi Child Theme

Wave Dark is a child theme available to buy over at Creative Child Themes. The background is a very dark blue which works perfectly with the grey and grey/blue text while the red highlight color is used sparingly to highlight various elements on the page.

Black Divi website example for app

SF Performance

This dark blue site is for the Unbreakable fitness event in the Netherlands. Another very dark blue background as the base with white text and red highlight color.

Black Divi website for fitness niche


This black Divi site is built for Rycote who produce audio equipment in the UK. Try and use images that are already on a black/dark background so they blend into the background like on this site.

Black web design using Divi WordPress Theme

Richard Carroll

This black Divi site is built for writer, director and producer Richard Carroll. The homepage hover effects with the color images blended into the black background look particularly nice.

black Divi website example for writer

Jesse Wynyard Fitness

This black Divi site is built for fitness coaching and app-based fitness training with Jesse Wynyard. Black overlays to images, white & gold text and red highlight color all work well with the black and off-black backgrounds.

black Divi website example for fitness site

Do you have any more great examples?

Drop your black or dark Divi examples in the comments below or submit to the Divi Theme showcase on Divi Theme Examples.

0 0 votes
Article Rating

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.