Aller au contenu
Heritri

Charte graphique

Heritri accompagne des familles en deuil : l'identité doit rassurer, rester sobre et donner envie de transmettre plutôt que de jeter. Cette page applique la charte avec les vrais composants du site.

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

Heritri
Heritri
  • 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.

Pastilles d'initiales des héritiers, attribuées dans l'ordre.

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.

NiveauPoliceTaille
Titre de pageBricolage 70030 à 36 px
Titre de sectionBricolage 70018 à 20 px
Chiffre cléBricolage 70036 à 72 px
Texte courantPublic Sans 40017 px, interligne 1,55
Aide, légendePublic Sans 40014 px

Composants

SalonCuisineÀ départagerProposé par l'IARéemploi82 %, confiance élevée
Bloc IA : l'IA a repéré 6 objets, prenez le temps de les relire.
Attention : l'IA n'a pas pu analyser cette photo.
Réemploi : inventaire validé, la liste est figée.
Étape facultative : bordure en pointillés.

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.