Module 3 : personnalisation

Les couleurs de ton site


 Aperçu de la leçon


Durée totale des vidéos: 28 minutes


 Palettes de couleurs sur Squarespace


Je te présente comment fonctionne les palettes de couleurs Squarespace 7.1
Tu as deux personnalisations possible:

 
choix de la palette de couleurs Sqaurespace 7.1

1 - Choix de la palette:

Tu commences par choisir les 5 nuances de couleurs générales de ton site. Cela se présente sous forme de palette avec 5 nuances:

  • Blanc

  • Noir

  • Accent

  • Clair

  • Sombre

Tu peux définir chacun des éléments comme tu le souhaites. La couleur accent mettra en valeur certains éléments important de ton site.

 
Palette de sections Squarespace 7.1
 

2 - Couleurs de sections:

Ensuite tu peux modifier chaque couleur de sections. Avec les 5 nuances de bases tu obtiens ainsi 10 possibilités pour tes sections. Tu peux jouer avec la couleur de fond ou la couleur des textes.

En plus quand tu modifies les couleurs d’une section en particulière, cela s’applique sur tout ton site, sans avoir a modifier à chaque fois chacune d’entre elles.


 Conseils pour le choix des couleurs


 
  • Tu peux utiliser une extension Google Chrome pour trouver le code des différentes couleurs que tu vois sur des sites: EyeDropper

  • Pour déterminer tes couleurs, tu peux t‘inspirer d’une photo qui te plait

  • Tu trouveras en ressources à télécharger une proposition d’une palette de couleurs tendances.

  • Si tu n’as aucune idée des couleurs que tu souhaites pour ta charte graphique, visites les palettes de couleurs de ce site qui te donnera plusieurs idées
    https://coolors.co/

Cliques pour télécharger la palette


 Tutoriel Vidéos

Durée totale 28 minutes


Mise à jour:

La palette de couleur a changée de place. Tu la trouveras sur ta droite avec un nouvel onglet “Styles du site”.

Les fonctionnalités restent similaires aux vidéos.


1 - Couleurs générales du site (18 minutes)


2 - Panneau de personnalisation : version 7.1 (10 minutes)

Précédent
Précédent

Polices d'écriture

Suivant
Suivant

Animation du contenu