Inspiration Sites web

Inspiration : 10 sites web élégants avec un background noir

Publié par Charlotte Chollat

Maintenant que vous connaissez les bonnes pratiques pour intégrer un arrière-plan noir sur votre site Internet, il est temps de puiser quelques idées pour trouver l’inspiration.

Besoin d'un graphiste ?
Trouvez gratuitement un graphiste qualifié et disponible !

Déposez votre annonce

Vous êtes graphiste ? Créer un compte gratuitement

Je vous propose aujourd’hui une sélection de 10 sites web utilisant parfaitement le background noir.

Dot to Dot

Vous vous rappelez ? Le jaune est une couleur qui se marie très bien avec un fond noir. C’est donc un très bon choix de la part de cette agence espagnole.

Sur ce site, vous apprécierez les animations liées à l’apparition du texte et vous retrouverez un scroll horizontal dès la page d’accueil.

Dot to Dot

A+Smith Creations

Sur ce site c’est le rouge qui est à l’honneur pour contraster avec l’arrière-plan noir. Toute l’élégance ressort grâce à l’utilisation de traits fins, que ce soit dans la police d’écriture, dans l’image ou encore sur les call-to-action.

Asmith creations

Commandez un logo personnalisé
à l'un de nos 30 000 graphistes professionnels
Pour toutes les entreprises et tous les budgets

Commander mon logo

Denver and Liely

Pour mettre en valeur ces produits luxueux le noir est de mise. L’élégance qui se dégage de ce site permet ainsi de créer une atmosphère feutrée, réservée à des consommateurs aguerris.

Denver and Liely

Blind Studio

L’utilisation de couleurs vives sur la page d’accueil apporte du dynamisme à l’interface qui aurait parue trop vide.

Petit plus : vous apprécierez certainement l’effet de flou selon la position de votre soucis.

Blind Studio

6tematik

La photographie assombrie en noir et blanc donne une élégance particulière au site de cette agence digitale.

Même si les informations ressortent, votre regard sera absorbé par l’image de fond illustrant parfaitement le projet présenté. Chez Graphiste.com on adore cette profondeur.

arrière-plan noir 6tematik

Bionic

Voici un exemple de site internet utilisant le fond noir pour mettre en avant les informations interactives.

Le sujet semblant technique cet arrière-plan sombre fonctionne très bien car il permet de crédibiliser les propos en rendant le site sérieux. Avec un background jaune vous n’auriez pas eu le même ressenti.

Bionic data

Signature Element

Vous remarquerez que le background noir permet ici de dissimuler des extraits de la vidéo afin de donner toute la visibilité au texte.

D’ailleurs, voyez comment les expressions clés ressortent grâce au surlignage dorée. C’est très malin !

Background noir Signature element

Mirko Zeppieri

Utilisé pour les portfolios le background noir donne toute son importance au texte et aux visuels.

Ce designer utilise cette couleur très simplement mais le résultat est efficace : le design épuré gagne en élégance.

Portfolio background noir

Genesis

Associé à l’illustration l’arrière-plan noir vous plonge sans difficulté dans l’univers créé.

Ici, la taille des polices d’écriture se mêle très bien aux nombreuses illustrations présentes.

Genesis arrière-plan noir

Hourly

Pour présenter les fonctionnalités de cette application mobile le choix s’est porté sur un arrière-plan noir.

Les polices épaisses rendent la lecture plus facile et l’utilisation du rouge apporte du contraste.

Data background nori

Inspiration : 10 sites web élégants avec un background noir
4.9 (97.86%) 28 votes

Laissez un commentaire