petitspas/docs/CHARTE_GRAPHIQUE.md

1.5 KiB
Raw Blame History

Charte graphique · P'titsPas

Version 1.0 avril 2025


1. Essentiel de la marque

Élément Raison d'être
Nom P'titsPas · évoque le cheminement serein des 0-3 ans
Signature « Grandir pas à pas, sereinement »
Valeurs Bienveillance · Transparence · Simplicité · Modernité

2. Logos officiels

Variante Aperçu Usage
Principal logo principal Headers, back-office, print A4+
Icône icône Favicon, PWA, app mobile
Monochrome mono Sérigraphie, tampon, textile sombre

Zone de protection : laisser au minimum l'équivalent d'une pierre pastel autour du logotype.


3. Palette de couleurs

Nom Hex Rôle
Violet Pastel #c6a3d8 Accent / information
Turquoise #8ad0c8 Actions primaires
Jaune Doux #f2d269 Avertissements légers
Corail #f4a28c États d'erreur ou badges « conflit »
Encre #2f2f2f Texte principal
Ivoire BG #fffef9 Fond d'application & documents

4. Typographies

Contexte Fonte Chargement
Titres & accroches Merienda 600 Google Fonts
Texte courant Merriweather 300/400 Google Fonts
UI compact Inter (fallback système) CDN
h1, h2 { font-family: "Merienda", cursive; }
body    { font-family: "Merriweather", serif; }