ESIG

Design & identité visuelle

Phase 3 — Charte graphique

Identification

1. Moodboard / Inspirations

?

Ajoutez des captures d'écran ou images d'inspiration pour le design.

Cliquer ou glisser une image ici

2. Identité visuelle

?

Sélectionnez les caractéristiques qui définissent le style de votre projet.

Ambiance

Principes de design

Ton

3. Logo

?

Uploadez le logo du projet.

Cliquer ou glisser une image ici

4. Palette de couleurs

?

Choisissez 3-4 couleurs et vérifiez les contrastes (ratio ≥ 4.5:1 pour WCAG AA). Règle 60-30-10.

Saisissez au moins 2 couleurs hexadécimales pour voir la matrice de contraste.

5. Typographie

?

Maximum 2 polices. Taille minimale : 16px. Interligne : 1.5 à 1.7.

Échelle typographique

1
Aa
2
Aa
3
Aa
4
Aa
5
Aa

6. Icônes

?

Choisissez la librairie et le style d'icônes pour le projet.

7. Espacements

?

Définissez une grille d'espacements cohérente (multiples de 4 ou 8).

1
2
3
4
5
6

8. Bordures et arrondis

?

Définissez les niveaux d'arrondi utilisés dans l'interface.

1
2
3
4
5

9. Ombres

?

Définissez les niveaux d'ombre pour créer de la profondeur.

1
2
3

10. Checklist

Vérifiez que toutes les étapes du design ont été réalisées.

Palette de couleurs définie (3-4 max)
Contrastes vérifiés (ratio ≥ 4.5:1 pour WCAG AA)
Maximum 2 polices sélectionnées
Échelle typographique définie (tailles h1 à body)
Espacements standardisés (grille de base)
Règle 60-30-10 appliquée (dominant, secondaire, accent)
Charte graphique documentée
Pas de surcharge visuelle (sobriété)