Siteweb colorés fait avec Divi

Inspirations: 10 examples of colourful websites made with Divi

Updated on 19/06/2019 | Published on 06/06/2019 | 0 comments

1,058 words


I have selected for you some very colourful websites made with Divi. It's always nice to find some inspiration!

But who said that colours were out of fashion? You'll see that colours can give a site a very punchy look without going overboard... Although...

In this article, you will see everything! Here is the programme:

  1. A design in turquoise & yellow
  2. A design in neon colours!
  3. A blue website
  4. A multi-coloured site
  5. A starry red header
  6. A purple site too...
  7. A pomegranate pink website
  8. A design in shades of fuchsia
  9. A design in shades of yellow-orange
  10. An old yellow site
Sites très colorés faits avec Divi

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1 - A design in turquoise & yellow

siteweb couleur turquoise

If I had to describe the homepage of this very colourful site, I would say that it is "wow"!

I love these 4 Divi sections that go from turquoise to yellow to green to pink! Sections with acidulous colours and tone-on-tone images in parallax. It borders on genius (lol)!

The header with the levitating pineapple is also very successful!

Nothing very complex on the technical side since the site is a simple onepage...

Discover this colourful site here.

2 - A design in neon colours!

siteweb couleurs fluos

Although black & white is predominant, the design of this site also features fluorescent colours that pop on your screen.

Blue, yellow, green and neon pink!

The menu is a little extravagant and the logo changes colour regularly.

They have chosen a left side menu which is a bit out of the ordinary. It is very successful!

Ready to break your screen? Discover the site.

3 - A blue website

siteweb couleur bleue

The design of this website is beautiful! Everything is perfect: the choice of colours, the handmade icons, the offset buttons, the highlighting of the titles...

Special mention should be made of the "logo that overflows the main menu" and the "LazyLoad icon" that allows the user to wait for the download.

The site uses the Divi Dividers on almost all its pages and the Community page uses the Accordion modules in the manner of an FAQ... Nice!

Admire this Divi blue and pink website without further delay!

4 - A multi-coloured site

siteweb multi-couleur

A very smart design, in the 70's style and an animated header...

When you arrive on this site, you discover the logo and a lot of multicoloured images that appear on the screen when you scroll your mouse. It's great!

This is a site dedicated to podcasts. Each video is published within an article and a category. Each category has its own colour.

Its orange half-tone footer is also very successful.

See the website.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

5 - A starry red header

siteweb couleur rouge

This site is rather simple, but as soon as you visit it, there is this bright red hero header that catches your eye. At the bottom of the header is a constellation that follows the movement of the mouse as it is hovered over. It's quite captivating.

If you want to do the same, you can do it with my Particle.js tutorial for Divi.

This red starred header is found on all pages of the site.

Visit the website.

6 - A purple site too...

siteweb couleur violet

A strong purple header that shows a looping video.

The other sections offer blue and green. The choice of these three colours is rather surprising... but why not?

The background of the main menu is all transparent. It's a pity, they could have done a purple-blue-green reminder with a menu that changes colour.

Discover the site.

Need more inspiration? Discover all the official Divi Showcases.

7 - A pomegranate pink website

siteweb couleur grenadine

This site is all pink-grenadine and white, I find it quite soothing actually.

The choice of fonts is also very good.

It is a coaching site on which you feel confident. Is this due to the colour? Or perhaps because a portrait of the therapist is featured on the homepage?

Do you want to see life in the pink?

8 - A design in shades of fuchsia

siteweb couleur fuchsia

More pink here, but more intense. Almost fuchsia. The header hero invites us to scroll down with an animated down arrow.

When you go down, the second section is a video, in the shape of a wave. They certainly added Dividers to achieve this effect.

Afterwards, we arrive on a section in parallax with a beautiful blue sky and a bright sun.

The footer also features the four predominant colours.

Each page has a unique and very original header in flat design.

For inspiration, I recommend browsing through all the pages of this colourful Divi site.

Discover the site.

9 - A design in shades of yellow-orange

siteweb couleur orangée

You want colour? You'll get it! At first glance, the harmony between red, yellow and orange is very successful.

It's a shame that when you scroll it goes all over the place... Blue, fixed background images that change from section to section (without having a full section between two sections with image).

The site can be found here.

10 - An old yellow site

siteweb couleur jaune

Yellow, blue and grey. Not the best choice of colours in my opinion and yet the design is harmonious. The yellow is predominant and the blue peaks bring an unexpected contrast. It's not bad at all.

The other pages of the site are in line with the home page.

Find out more here.

Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!

In conclusion: will coloured sites come back into fashion?

What do you think of ultra-coloured websites? Do you think it's too kitschy?

Personally, I think that a very colourful site can be very classy if the design is well thought out, in harmony with the brand's colours and its theme.

Depending on the theme of the site, you can't afford it: imagine a site for a lawyer's office or an accountant's office with garish colours... It wouldn't be serious!

So, whenever I get the chance, I love to add some colourful notes to the sites I create with Divi... How about you?

sites divi très colorés
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.