Fondations
Marque · Logo
Le Waypoint
Le repère ATLVS est un waypoint , une étoile de navigation à huit pointes avec un vide central, tout le système de navigation gravé dans un seul glyphe géométrique. Registre SaaS neutre, recoloré selon le produit. Il se distingue du crâne cosmique de vaisseau fantôme GHXSTSHIP, qui reste le repère de la maison mère uniquement.
La tuile porte l'accent du produit ; l'étoile reste blanche (ou encre sur fonds clairs). Le mot-symbole est toujours en capitales espacées et insécable ; jamais en minuscules, jamais sans espace sauf dans les URL et les identifiants.
| Spéc. du mot-symbole | Réglage |
|---|---|
| Police | Jost , géométrique, lockup du logo uniquement. Les titres utilisent Anton ; le corps et l'UI utilisent Hanken Grotesk. |
| Le A | Une pointe nue : sans barre transversale, le V inversé. A et V se lisent comme des formes en miroir. |
| Réglage | Capitales espacées, insécable. Dans le lockup complet, TECHNOLOGIES est interlettré à la largeur exacte d'ATLVS. |
| Sous-titre | Seul ATLVS porte TECHNOLOGIES. Compass, Gateway et Legend se suffisent à eux-mêmes. |
Un seul repère, quatre accents
Chaque produit est le même waypoint sur sa propre tuile d'accent : instantanément une famille, instantanément distinct.
Producteur / Interne
Équipe / Prestataire / Talent
Invité / Client
Savoir / Apprentissage
Neutre / Suite
Zone de protection et usage
Conservez une marge égale à la moitié de la hauteur du repère sur chaque côté.
- Recolorer la tuile à l'accent du produit ; garder l'étoile blanche (ou encre sur clair).
- Maintenir une zone de protection = ½ hauteur du repère.
- Utiliser le repère nu à ≤16px ; l'icône tuilée à ≥32px.
- Associer au mot-symbole espacé A T L V S , insécable.
- Recolorer ou dégrader l'étoile elle-même ; seule la tuile porte la couleur.
- Pivoter, étirer ou ajouter le halftone cosmique ou le crâne.
- Composer le mot-symbole sans espacement ou en minuscules.
- Poser le repère nu sur une photo chargée sans la tuile pleine.
Fondations · Couleur
Couleur
Les surfaces neutres font le travail ; un accent par produit porte l'identité. Chaque valeur se résout depuis l'espace de noms --p-* et se réajuste selon le mode pour un contraste AA.
Fondations · Type
Typographie
Monument. Les titres et les chiffres sont composés en Anton, une police d'affichage ultra-condensée tout en capitales , une seule graisse black qui donne au produit une présence à l'échelle de l'affiche. Le corps et l'UI restent en Hanken Grotesk pour que tableaux et formulaires se lisent proprement ; Space Mono est le vernaculaire des eyebrows et des coordonnées (identifiants, codes, libellés) ; et Jost est uniquement le lockup construit du mot-symbole. Les titres d'affichage sont TOUT EN CAPITALES (Anton est une police de capitales) ; le corps et les libellés restent en casse Titre / casse de phrase.
Trois façons sanctionnées de déployer le titre large. Utilisez la bonne selon le contexte ; n'en mélangez jamais plus d'une par vue.
Barre d'accent + kicker mono live. Le réglage par défaut pour le chrome des apps et les en-têtes de page.
Un mot prend l'accent du produit : les titres s'auto-brandent. Couvertures, marketing, splash.
Chiffres tabulaires en 900 / expanded. Tableaux de bord et rapports.
Fondations · Espace
Espacement
Une grille de base de 4px. La densité change le rythme des contrôles et des lignes ; les mêmes tokens se resserrent sous data-density="compact".
Fondations · Rayon
Rayons
Doux, adaptés à un outil de productivité ; jamais tranchants façon pop-art. Pilules pour les chips et les toggles uniquement.
Fondations · Élévation
Élévation
Une échelle froide et resserrée en trois paliers : repos → survol → popover et modale. Les ombres restent subtiles en clair et s'appuient sur les bordures en sombre.
Fondations · Mouvement
Mouvement
Rapide et sans chichis. Une seule courbe d'accélération, des durées courtes et une règle stricte : ne jamais animer en transition un token background lors d'un changement de thème : recolorer instantanément et animer filter ou opacity à la place.
| Token | Valeur | Usage |
|---|---|---|
--p-ease | 140ms cubic-bezier(.2,.7,.2,1) | Survol, appui, micro-interactions |
| Soulèvement au survol | translateY(-2px) + elev-2 | Cartes, tuiles de stats |
| Scintillement du skeleton | 1,4 s ease, infinie | Espaces réservés de chargement (respecte le mode mouvement réduit) |
| Indicateur de chargement | 0,7 s linéaire | Actions en cours |
Fondations · Icônes
Iconographie
Phosphor Icons, Bold pour l’interface, Fill pour les sceaux de statut et la mise en valeur. Alignez avec le texte de 16 à 20 px ; actions autonomes à 24 px. Monochrome, héritant de currentColor.