Concevoir un registre qui se lit comme un journal.
La plupart des outils B2B se ressemblent : même bleu, même sans-serif neutre, même fond gris. On a fait l'inverse — non par coquetterie, mais parce qu'un registre qu'on lit cent fois par jour doit avoir un grain, une hiérarchie, une voix.
Pourquoi refuser l'esthétique SaaS par défaut
Le dégradé violet, le sans-serif géométrique passe-partout, l'illustration isométrique : ce vocabulaire existe parce qu'il est sûr, pas parce qu'il est bon. Il signale « logiciel », et rien d'autre. Or Hostik n'est pas un tableau de bord qu'on contemple : c'est un registre qu'on consulte sous pression, entre deux check-out, sur un téléphone, dans un couloir.
On a donc posé une exigence avant toute couleur : la page doit avoir une hiérarchie lisible en une seconde et une personnalité qui survit à la centième visite. Un outil qu'on utilise tous les jours mérite mieux que d'être oubliable.
Fraunces pour le titre, Poppins pour le corps
Le titrage est en Fraunces, un serif au contraste marqué et au tempérament éditorial — il donne aux pages le ton d'un journal imprimé plutôt que d'une console d'administration. Il porte le poids visuel, fixe la hiérarchie, et signe la marque sans avoir besoin d'un logo à chaque coin.
Le corps est en Poppins : une grotesque géométrique, neutre au bon sens du terme, qui s'efface pour laisser lire les données. Le contraste entre un serif expressif au-dessus et une sans-serif sobre en dessous fait tout le travail de hiérarchie — pas besoin d'empiler cinq graisses pour dire « ceci est important ».
Geist Mono pour ce qui se compte
Les étiquettes, les codes de section (§), les numéros, les statuts machine sont en Geist Mono. Le monospace n'est pas un caprice rétro : il aligne les chiffres en colonnes, distingue d'un coup d'œil une donnée d'un texte, et rappelle qu'on est dans un système, pas dans une brochure.
Cette troisième voix tient un rôle précis : elle marque la frontière entre la prose (qui explique) et l'opérationnel (qui se lit en diagonale). Un superviseur qui scanne un rack n'a pas besoin de lire des phrases — il a besoin de repères qui ne bougent pas.
Un seul accent rouille
Une seule couleur d'accent, le rouille. Pas une palette de six teintes sémantiques, pas un arc-en-ciel d'états. Quand un seul ton attire l'œil, il veut dire quelque chose : un lien, une action, le point chaud de la page. Multipliez les accents et plus rien n'en est un.
Cette contrainte est aussi une discipline de produit. Si tout devient « important » à coups de couleur, l'agent ne sait plus où regarder en premier. Un accent unique force à hiérarchiser pour de vrai : qu'est-ce qui, sur cet écran, mérite la seule couleur dont on dispose ?
Le papier comme système
Le fond n'est pas un blanc clinique mais une texture proche du papier : un grain discret, des filets fins en guise de séparateurs plutôt que des cartes qui flottent dans l'ombre. L'ensemble se lit comme un carnet d'exploitation — d'où le nom du blog, le carnet de bord.
Ce parti pris a une raison fonctionnelle autant qu'esthétique. Les filets hairline et les marges généreuses tiennent la lecture sur un petit écran en plein jour, là où les ombres portées et les fonds gris se brouillent. Le papier, ça se lit dehors.
Lisible sous tension
Le vrai test d'un design d'exploitation n'est pas la capture d'écran de présentation, c'est l'usage à 9 h un samedi avec douze départs en attente. Tout ce qui précède — le serif qui structure, la sans-serif qui s'efface, le mono qui aligne, l'accent unique, le papier qui se lit dehors — sert ce seul moment.
On n'a pas dessiné un joli logiciel. On a dessiné un registre qui reste lisible quand son lecteur n'a ni le temps ni le calme de le déchiffrer. C'est la seule esthétique qui compte ici : celle qui tient sous tension.