Pour cette étape du projet, vous devrez réaliser un guide de styles qui vous servira de référence tout au long de votre projet, autant afin de concevoir vos maquettes que lors de la réalisation du site web lui-même.

Chaque membre de l’équipe doit créer son propre guide de styles.

Matériel

Vous devez produire et remettre un fichier XD, ainsi que sa version PDF de votre guide de styles. Pour vous inspirer, vous pouvez regarder les guides de styles en pièce jointe 👆.

  1. Inclure le logo du client. Vous devez utiliser le logo actuel où lui apporter de subtiles modifications ne le dénaturant pas.

Palette de couleur

  1. Inclure une palette des 5 couleurs principales qui seront utilisées sur le site. L'outil Coolors peut vous aider à générer une palette harmonieuse au besoin.

  2. Afficher un aperçu des couleurs.

  3. Nommez chaque couleur afin d'éviter de la confusion du type: "Le vert… non l'autre vert". Si vous manquer d'inspiration, vous pouvez utiliser l'outil Name that color.

  4. Inclure le code hexadécimal de chacune des couleurs.

Typographie

  1. Inclure 3 niveaux de titres et nommer la police, taille, graisse, couleur et caractéristique de chacun.

  2. Affichez un exemple de texte régulier sous forme de paragraphe. Afin d'éviter d'être distrait par le texte contenu dans le paragraphe, utilisez du Lorem ipsum. Nommez à nouveau la police, taille, graisse ainsi que la couleur utilisée.

  3. Affichez le style d'un lien normal ainsi que lors de sont survole. Nommez à chaque fois la police, taille, graisse ainsi que la couleur utilisée afin de voir la différence entre les deux états.

Remise

  1. Renommez votre dossier de travail 📁 au format suivant:
    [prénom]-[nom de famille]
    ex: simon-arnold

  2. Compressez ensuite votre dossier de travail en fichier zip 🗜

  3. Envoyez-moi un message privé sur Teams contenant votre fichier zip.