Log'in Line / Identité
Un cobalt qui agit, un violet qui souligne, beaucoup d'air autour. Tout ce qu'il faut pour parler de nous avec la même voix que le site.
Version 2 · octobre 2026
01 · Logo
Le symbole dessine deux chevrons qui se répondent : le relais entre votre équipe et la nôtre. Trois versions, chacune pour fond clair et pour fond sombre, en SVG et en PNG.
Principale
En cobalt sur fond clair, en cobalt clair sur fond sombre. La version par défaut.
- Fond clair#0354E7
- Fond sombre#809EFF
Monochrome
En encre nuit ou en blanc, quand une seule couleur est possible : impression, gravure, documents.
- Fond clair#090B20
- Fond sombre#FFFFFF
Icône
Le symbole seul, pour les avatars, favicons et petits formats carrés.
- Fond clair#0354E7
- Fond sombre#809EFF
Zone de protection
Autour du logo, gardez au moins la hauteur du symbole divisée par deux. Rien n'y entre : ni texte, ni bord de page.
Taille minimale
24 px de haut à l'écran, 8 mm à l'impression. En dessous, utilisez le symbole seul.
Symbole seul
Pour les avatars, favicons et petits formats carrés.
Ce qu'on ne fait pas au logo
Le déformer
Le recolorer
Lui ajouter un effet
Le poser sur un fond agité
02 · Couleurs
Six couleurs portent l'identité. Le cobalt agit, le violet souligne, la brume respire. Cliquez sur une couleur pour copier son code.
Agit : boutons, liens, focus.
L'en-tête et le hero en aplat.
L'appel final.
L'emphase sur le cobalt et la marine.
Le texte, les bandes sombres.
Le fond de toutes les pages.
Les proportions d'une page
Surtout de la brume et de l'encre. Le cobalt et la marine restent rares, c'est ce qui leur donne du poids.
Couleurs d'appoint
Pour le texte secondaire, les filets et les états. Un état s'accompagne toujours d'un mot.
Contrastes vérifiés
- Aa17,6:1AAANuit sur brume
- Aa6,1:1AABlanc sur cobalt
- Aa5,7:1AAOrchidée sur cobalt profond
- Aa11,7:1AAABlanc sur marine
- Aa6,5:1AAViolet texte sur brume
- Aa7,6:1AAACobalt clair sur nuit
Calculés selon les WCAG 2.2 à partir des couleurs du site.
03 · Typographie
Une seule graisse de PolySans pour les titres, serrée et posée. Inter pour tout le reste, lisible à toutes les tailles.
Titres
PolySans
PolySans Neutral, graisse 400. Interlettrage resserré, interlignage court.
Police sous licence (Gradient) : fichiers sur demandeTexte
Inter
Inter, de 400 à 600. Chiffres tabulaires pour les prix et les délais.
Télécharger Inter sur Google FontsL'équipe infra des startups sans Ops.
L'échelle
L'équipe infra des startups sans Ops
Ça vous parle ?
Une équipe DevOps dédiée
Critique 24/7
On gère vos incidents 24/7
Une infra stable, optimisée, sécurisée et qui vous appartient.
Des ingénieurs seniors réagissent en quelques minutes sur les incidents critiques.
L'over-provisioning est la maladie chronique de Kubernetes.
Veille CVE, patches, mises à jour appliquées sans mobiliser vos devs.
INFOGÉRANCE KUBERNETES
Le jeu de caractères
La règle de l'emphase
Votre infra, tenue au calme.
Dans un titre, un ou deux mots passent en violet : ceux qui portent la promesse. Jamais une phrase entière, jamais deux fois dans le même titre.
04 · Aplats
Une page alterne quatre fonds. Chacun change toutes ses couleurs d'un coup : le texte, l'action et l'emphase restent lisibles partout.
- En-tête et hero
On tient votre infra.
Parlons-enCobalt#0048B6 - Sections de travail
Un calcul en clair.
Parlons-enPervenche#E2E6FC - Appel final
Ça vous parle ?
Parlons-enMarine#003285 - Offres et pied de page
Trois offres, un relais.
Parlons-enNuit#090B20
05 · Formes
La structure vient des filets d'un pixel, pas des boîtes. Les coins restent doux, les ombres n'existent que pour ce qui flotte.
Rayons
Espacements
Une échelle de 4 à 192 px. Les sections respirent large, les composants serrent.
- 4
- 8
- 12
- 16
- 24
- 32
- 48
- 64
- 96
- 128
- 192
06 · Mouvement
Les éléments arrivent en douceur au défilement, les contrôles réagissent tout de suite. Rien ne rebondit, rien ne clignote.
Entrer
Apparitions, menus, réactions. Démarre vite pour paraître immédiat.
700 msTraverser
Ce qui se déplace d'un point à un autre de l'écran.
1200 msGlisser
Les panneaux qui arrivent depuis un bord.
700 ms- Interface sous 300 ms
- Une sortie plus rapide que son entrée
- Mouvement réduit respecté
08 · Principes
On fait
Des aplats de couleur francs
Des filets d'un pixel pour structurer
Un ou deux mots en violet par titre
De vrais chiffres, en grand
Des apparitions lentes et douces
Beaucoup d'espace autour
On évite
Les dégradés et les halos
Le verre dépoli et les ombres de profondeur
Les emoji et les illustrations 3D
Les visuels qui imitent du code
Les mosaïques de cartes
Le texte en couleur décorative
Présentation, salon, article partenaire : écrivez-nous, on vous envoie les fichiers adaptés.