Skip to content

Identité ​

Les trois versions du logo TimeManager : sur fond sombre, sur fond clair, et le symbole seul

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é.

VersionUsage
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 seulL'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
Mobiletimemanager-mobile/src/components/ui/logo.tsx (et le SVG dans logo-xml.ts)
Icône de l'app mobiletimemanager-mobile/assets/images/icon.png, générée depuis le SVG du logo
Site webtimemanager-web/public/favicon.svg
Documentationtimemanager-docs/public/logo.svg

Les deux couleurs de la marque ​

Vert sarcelle#144545brand/primary
Sable#E8C18Ebrand/accent
CouleurPourquoiOù on la voit
Vert sarcelle #144545Sé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 #E8C18EChaud, 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ôtQue
« 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. »