Charte graphique
Promesse et ton
Vider la maison d'un proche,
sans rien jeter à la légère.
Hériter. Trier. Transmettre.
- Bienveillant et précis. Des verbes simples, à la deuxième personne du pluriel : « Prenez le temps qu'il faut. »
- Jamais commercial. On parle de seconde vie, de souvenir, de réemploi ; pas de « bonne affaire ».
- Honnête sur l'IA. Une estimation reste une proposition à vérifier, la confiance est affichée, une simulation est toujours signalée.
- Des messages qui orientent. Une erreur dit ce qui se passe et quoi faire, sans s'excuser.
Logo
- Sur fond clair : icône et nom en anthracite. Sur anthracite : icône jaune, nom blanc.
- Garder autour du logo une marge au moins égale à la hauteur de l'icône ; ne pas le déformer ni le recolorer.
- Fichiers : logo complet (SVG), icône (SVG).
Couleurs
Marque
- #2B2F33
Anthracite
En-tête, panneaux de décision, titres
- #33383D
Gris Heritri
Logo, actions principales, liens
- #1F2326
Anthracite profond
Survol des actions principales
- #E9B872
Jaune Heritri
Icône sur anthracite ; réservé à l'IA dans l'interface
- #8A9097
Ardoise
Bordures sur anthracite
- #DADDE0
Brume
Texte clair sur anthracite
Neutres
- #F4F4F2
Papier
Fond des pages
- #FFFFFF
Blanc
Cartes, champs
- #1E2226
Encre
Texte principal
- #5A5F64
Texte secondaire
Aides, légendes (5,9:1 sur papier)
- #DCDDDA
Trait
Bordures de cartes, séparateurs
- #80868B
Bordure de champ
Contour des champs (3:1)
Usages réservés
- #E9B872
Jaune IA
Boutons, cadres et repères de l'IA
- #7A5200
Texte IA
Textes de l'IA (6,9:1 sur blanc)
- #FBF3E2
Teinte IA
Fonds des blocs IA
- #2A6F62
Vert d'eau
Paliers de réemploi (vente, don)
- #E3F0EA
Teinte réemploi
Fond des paliers de réemploi
- #9A3B26
Terre cuite
Attention : conflits, IA indisponible (avec #FBEAE5)
Tous les couples texte et fond respectent le niveau AA (4,5:1). Dans l'interface, le jaune ne sert qu'à l'IA (et à l'icône sur fond anthracite) ; sur fond clair, les textes IA passent en ocre foncé, le jaune restant réservé aux fonds, cadres et boutons.
Paliers et héritiers
Vente pro
#33383D
Particuliers
#2F6FA3
Don
#B26A1E
Recyclage
#5C6B2E
Débarras
#6E6E6E
Chaque palier a un liseré de couleur ; les paliers de réemploi (vente pro, particuliers, don) gardent en plus un fond vert d'eau.
Typographie
Bricolage Grotesque, 600 et 700 : titres, logo, chiffres clés
Aa 31 / 40
Photographiez chaque pièce.
Public Sans, 400 à 700 : texte, formulaires, interface
Aa
Depuis le téléphone, pièce par pièce. Les photos sont allégées avant l'envoi. Gras pour l'essentiel.
| Niveau | Police | Taille |
|---|---|---|
| Titre de page | Bricolage 700 | 30 à 36 px |
| Titre de section | Bricolage 700 | 18 à 20 px |
| Chiffre clé | Bricolage 700 | 36 à 72 px |
| Texte courant | Public Sans 400 | 17 px, interligne 1,55 |
| Aide, légende | Public Sans 400 | 14 px |
Composants
Formes et mouvement
- Rayons : 16 px pour les cartes, 10 px pour les boutons et champs, pastilles entièrement arrondies.
- Pas d'ombre portée décorative : les cartes se détachent par leur fond blanc et un trait.
- Dans l'application, pas d'animation décorative ; les animations (apparition, balayage IA) sont réservées à la vidéo de présentation et désactivées si le système demande moins de mouvement.