Aller au contenu
← Retour

Charte graphique

Le logo reprend la géométrie de la console de supervision : chaque forme a un sens, rien n'est décoratif. Cette page est la référence pour toute déclinaison.

Le logo constellation

CASE — l'orchestrateur Au centre de la station, en ambre, avec son halo. C'est lui qui tient la maintenance et supervise le reste.

Les TARS — sur l'orbite Les agents, en cyan — la couleur « connecté » de la console. Ils glissent sur le cercle, reliés à CASE par leur ombilical. Dans le logo animé, ce sont eux qui tournent : l'anneau, lui, ne bouge pas.

Endurance — le vaisseau Le cercle en tirets ambre : la frontière de la station, celle qui fait l'ensemble. Repris tel quel de la constellation de la console.

Le lockup

Mark à gauche, wordmark dans la typo du site. La signature OSTERMANN VOST reste volontairement micro : présente si on la cherche, invisible sinon.

Endurance · TARS by Ostermann Vost
Endurance · TARS by Ostermann Vost

Couleurs

Deux accents, deux sens : l'ambre appartient à la station (CASE, la frontière, les actions), le cyan aux agents (les TARS, l'état connecté, les données). Ne pas les échanger.

space-950 #05070d Fond du site, du favicon
space-800 #0d1220 Surfaces, panneaux
ink #e8ecf5 Texte principal
ink-muted #9aa6c0 Texte secondaire
amber #f5a524 CASE, la frontière Endurance, les actions
amber-soft #f7b955 Ambre au survol
cyan #5fd4e6 Les TARS, l’état « connecté », les données
cyan-soft #8fe3f0 Cyan au survol
Sur fond clair encre #0a0f18 ambre #d68a10 cyan #0e8ba1 — les rôles ne changent pas, seuls les accents foncent.

Typographies

Display — titres, wordmark

Space Grotesk

ABCDEFGHIJ abcdefghij 0123456789

Texte — corps, interfaces

Inter

ABCDEFGHIJ abcdefghij 0123456789

Déclinaisons

Favicon 32 px — public/favicon.svg
Barre Google, header — 40 px : formes pleines, sans les liens
Grand format — traits fins, halos et ombilicaux

Le mouvement est réservé aux écrans : les TARS glissent sur l'orbite (70 s par tour), le halo de CASE respire — et tout s'arrête avec prefers-reduced-motion.

Icône d'app

Le cockpit s'installe : il porte sa propre icône, distincte du mark. Le code de points en trois rangées, le nom écrit de bas en haut, un point cyan pour l'agent en ligne. Fond plein cadre et aucun coin arrondi : l'icône est déclarée maskable, c'est le système qui découpe la forme.

Tuile 64 px — public/brand/app-icon-cockpit.svg
Masque Android — tout tient dans le cercle de sécurité
32 px — les points portent, le nom devient texture

Fichiers

Les exports vivent dans public/brand/ du repo. Le 320 × 132 est le format attendu par Google Workspace (admin console → personnalisation du logo).