Identité
Le logo

Le symbole est un cadran d'horloge traversé par une coche : on pointe, et c'est validé. La coche est couleur sable, le cadran vert foncé.
| Version | Usage |
|---|---|
| Sur fond sombre (texte blanc) | La barre de navigation du site web, sur fond brand/primary |
| Sur fond clair (texte vert) | Partout où le fond est blanc ou clair |
| Symbole seul | L'icône de l'application mobile, le favicon du site, cette documentation |
Le nom « TimeManager » est en Inter Bold, 20 px.
Dans le code :
| Où | Fichier |
|---|---|
| Mobile | timemanager-mobile/src/components/ui/logo.tsx (et le SVG dans logo-xml.ts) |
| Icône de l'app mobile | timemanager-mobile/assets/images/icon.png, générée depuis le SVG du logo |
| Site web | timemanager-web/public/favicon.svg |
| Documentation | timemanager-docs/public/logo.svg |
Les deux couleurs de la marque
Vert sarcelle
#144545brand/primarySable
#E8C18Ebrand/accent| Couleur | Pourquoi | Où on la voit |
|---|---|---|
Vert sarcelle #144545 | Sérieux et calme, comme un outil d'administration publique. Très bon contraste avec le blanc (plus de 10:1). | Barre de navigation web, boutons principaux, onglet actif, liens, focus |
Sable #E8C18E | Chaud, pour adoucir le vert. Associé à la pause et au repos. | La coche du logo, les pauses dans les frises et graphiques, le bouton Pause en cours |
Une troisième couleur a un rôle à part : le rouge #B91C1C. Il est réservé au danger (supprimer, erreur) et au bouton de pointage quand le service est en cours (« appuyer pour arrêter »).
Le ton
L'application parle simplement, vouvoie l'utilisateur, et dit toujours comment corriger un problème. Exemples tirés de l'app :
| Plutôt | Que |
|---|---|
| « Personne ne modifie ses propres heures : votre manager traite chaque demande. » | « Accès refusé. » |
| « Cette semaine est validée : elle ne peut changer qu'une fois rouverte. » | « Erreur 403 » |
| « Une équipe « Parcs et jardins » existe déjà. Choisissez un autre nom. » | « Nom invalide. » |