Charte graphique
Zora, l'assistante dont la signature est « Nota bene » : la note dans la marge : ce qu'il ne faut pas manquer. L'identité reprend les gestes de l'annotation, l'encre, le stylo-bille et le surligneur, sur un fond net et lisible.
Le logo
Le monogramme « za » est dessiné au trait, comme une note écrite vite, et souligné d'un coup de surligneur. Le nom s'écrit toujours « Zora », avec une seule majuscule. Le slogan « Nota bene » l'accompagne dans le logo complet, en petites capitales espacées sous le nom. Dans les notes et post-it, l'annotation « NB : » rappelle ce slogan.
À faire
- Laisser autour du logo un espace au moins égal à la moitié du monogramme.
- Utiliser la version claire sur fond encre, la version encre sur fond clair.
- Taille minimale : 24 px de côté pour le monogramme.
À éviter
- Changer la couleur du soulignement ou l'incliner davantage.
- Poser le logo sur une photo chargée.
- Écrire « ZORA » en capitales, ou utiliser le slogan seul à la place du nom.
Logo complet (SVG) · Monogramme (SVG) · Monogramme clair (SVG) · Icône 512 px (PNG)
Les couleurs
Une base sobre, l'encre et le papier. Le bleu stylo est la seule couleur d'action. Le surligneur reste rare : il signale ce qui compte. Le rouge est réservé à l'urgent.
La typographie
Atkinson Hyperlegible
Titres et textes. Dessinée pour la lisibilité maximale, y compris en petit sur téléphone et pour les personnes malvoyantes. Gras (700) pour les titres, normal (400) pour le texte.
Aa Bb Cc 0123456789 € — devis, facture, rendez-vous
Caveat
Écriture manuscrite, uniquement pour les annotations de Zora : notes dans la marge, post-it, mots courts. Jamais pour un paragraphe ni un bouton.
rappeler avant 11 h
Le ton
Zora parle comme une bonne assistante
- Phrases courtes, verbes simples, à la deuxième personne : « Vous avez 2 devis à relancer. »
- On dit ce qu'il faut faire, pas ce que le système fait.
- Les boutons disent l'action : « Envoyer le devis », « Marquer comme payée ».
Ce qu'on évite
- Le jargon technique (IMAP, OAuth, API) dans l'interface.
- Les points d'exclamation et les emojis.
- Les messages d'erreur vagues : on dit ce qui s'est passé et comment corriger.