L'industrie rendue lisible, désirable, en mouvement. Ce brand book est vivant : il évolue avec la marque, pas un PDF figé.
Your factory,
in continuous flow
Pendant longtemps, la performance industrielle s'est uniquement mesurée à la qualité et au volume. Mais le monde a changé.
La demande est mouvante, imprévisible, instantanée. Ce qui fait la différence désormais, ce n'est pas seulement ce que l'on produit, c'est la capacité à bouger avec le marché.
Permettre aux usines de suivre le marché, c'est révéler une nouvelle forme de performance. Une performance plus juste. Plus rapide. Plus durable.
Gagner c'est bouger avec le marché
Parce queDes usines flexibles et sans latence
PourUne automatisation simplifiée & intelligente
Find your flow
Avant, l'industrie c'était la rigidité, des lignes fixes, des changements lents. Maintenant, c'est une production qui s'adapte sans résistance. L'usine devient un flux. Elle ne force plus : elle trouve son flow.
Comme dans le sport, comme dans la danse, Notom incarne ce moment où tout s'aligne, où chaque instant est juste, fluide, sans friction. La marque célèbre le mouvement, le rythme et la maîtrise naturelle : un état d'esprit positif qui mêle performance et plaisir d'exécution.
L'industrie était opaque, technique, anxiogène. Notom la rend lisible, et la lisibilité débloque le flow. Un futur industriel désirable : lumineux, positif, en mouvement.
La base est claire. Le sombre ne sert que d'encre, jamais en grand aplat. On célèbre ce que Notom rend possible, pas la complexité qu'il retire.
Pas un fond. Il apparaît comme un moment fort, un hero, un accent, un mot clé. Sa rareté fait sa force.
Rien ne stresse. La marque respire, elle ne clignote pas. Le futur est calme et sûr de lui.
Le marché de l'automatisation parle tech : un discours jargonneux et dense qui noie son public dans les protocoles, les compatibilités et les logiciels, et qui se définit en creux, par ce que la solution enlève.
Notom prend le contre-pied : la marque se définit par ce qu'elle apporte, des avantages concrets et irrésistibles sur le marché.
Ce qui fait envie, ce n'est pas l'automatisation. C'est la compétitivité.
L'industrie n'a pas envie d'y penser. Ni d'y passer. Plutôt que d'essayer de la convaincre, on lui donne envie, avec ce qui lui fait envie.
Notom parle d'un nouveau modèle, un modèle qui ne se définit pas par ce qu'il retire ni transforme, mais par des avantages sur le marché.
Une rupture de perception.
Notom n'est pas une solution de plus. Notom devient synonyme d'un modèle d'usine qui tourne et s'optimise en temps réel, un nouveau monde de performance et de fluidité.
Notom ne soulage pas des usines. Notom crée de l'action et de nouveaux usages : voir, analyser, créer, optimiser.
Annulant l'inertie et supprimant la latence, Notom est le choix de ceux qui veulent que ça se passe tout de suite.
Le fond du discours, ce dont il est désormais question.
Le bénéfice exprimé du point de vue de la cible.
“Devenez une usine flexible,
une marque sans latence.”
Notom rend les usines plus intelligentes, connectées et automatisées. Là où tout n'était qu'attente, éparpillement et friction, l'usine, la ligne de prod ou l'atelier devient un système capable de :
S'adapter en continu
Réagir en temps réel à la demande
Orchestrer machines, données et humains
Suivre le rythme du marché, et devenir imbattable
La tech et le process restent présents et peuvent être amplement détaillés, au service d'une vision plus large et de ce qu'ils rendent possible.
Rien n'est arbitraire. Le symbole est bâti sur trois lobes identiques répartis à 120° sur un même cercle, la géométrie du flux continu. Le bloc logo hérite de ses proportions.
Le logo garde toujours de l'air autour de lui. La zone de protection se calcule en fonction de x, la hauteur du logo.
Conçu pour rester lisible à toutes les tailles, du grand format au favicon.
Ne pas déformer
Ne pas incliner
Pas de fond faible contraste
Ne pas recolorer
Le symbole se détache du bloc logo quand l'espace est contraint ou que la marque est déjà nommée : avatar social, favicon, application, marquage produit, tampon de fin de vidéo. Il ne remplace jamais le bloc logo sur un support de première rencontre.
Zone de protection : la moitié de la hauteur du symbole, sur les quatre côtés.
Ne pas déformer
Ne pas faire pivoter
Ne pas recolorer
Pas de fond faible contraste
Le SVG pour tout ce qui est vectoriel, web, print, grand format. Le PNG (fond transparent, 2048 px) pour les outils qui ne lisent pas le vectoriel : slides, réseaux, documents bureautiques.
Une seule famille néo-grotesque. Les titres en Light apportent une légèreté éditoriale, l'opposé du gras industriel. Les labels très trackés (15%) donnent la précision technique.
Une seule échelle gouverne tous les supports. Le lecteur comprend en un coup d'œil le sujet, le niveau d'information et l'action attendue.
STK Bureau Sans est une néo-grotesque de caractère, précise et ouverte, lisible en grands formats comme en corps de texte.
Elle porte toute la marque : le Light en titrage pour la légèreté éditoriale, le Book en corps, le SemiBold réservé à l'emphase.
Fallback pour outils contraints (emailing) : Inter → system-ui. Corps jamais sous 14 px.
La licence est au nom de Notom, la police s'utilise librement sur tous vos supports, sans passer par nous. Le pack contient les quatre formats et la licence Smuss Type. Les fichiers desktop (OTF, TTF) s'installent sur les postes pour Figma, InDesign, Office et la suite Adobe ; les fichiers web (WOFF2, WOFF) sont déjà embarqués dans le site et dans ce document.
Le blanc et la crème occupent 70–80% de chaque surface, le blanc en fond, la crème en surfaces tonales. Le marron est l'encre. Violet et orange n'apparaissent jamais l'un sans l'autre, leur rencontre est la signature.
Dès qu'un contenu doit être lu, seules les combinaisons approuvées sont autorisées, contraste AA minimum. Les accents ne portent jamais de petite copy : ils restent décoratifs, sur des grands titres. Choisissez un fond et un élément.
L'industrie rendue lisible et désirable.
La règle : dès qu'un contenu doit être lu, c'est marron sur clair ou clair sur marron. Les accents ne portent jamais de petite copy.
L'objet industriel voit sa luminance mappée sur la rampe de marque. Ombres → violet, lumières → orange. La machine opaque devient désirable. Le dégradé s'utilise toujours à la verticale, de haut en bas ou de bas en haut, jamais en diagonale.
La luminance d'un rendu neutre mappée sur la rampe. L'effet signature.
Seules deux bandes existent : violet + crème (Gradient 4) et orange + crème (Gradient 3). Toujours verticales, jamais une page entière.
Titres et mots clés uniquement, jamais le texte courant. Un seul par vue, sinon l'effet se banalise.
Déposez un rendu neutre, tracez un cadre, exportez. Ainsi on produit les visuels hero du site, des decks et du social.
La dominante du dégradé oscille lentement (violet ↔ orange, cycle ~4–8s). Courbe douce par défaut. Jamais de flash, de clignotement, de scan agressif.
Respiration, la dominante oscille
Easing lent, jamais d'à-coups. Les transitions accompagnent, elles ne surprennent pas.
Rien ne stresse. Le mouvement projette une confiance tranquille, sûr de lui.
Quatre mouvements, pas un de plus. Chacun a sa durée et sa courbe, c'est ce qui donne à la marque un tempo reconnaissable d'un support à l'autre.
Toutes ces animations respectent prefers-reduced-motion : elles s'arrêtent pour les personnes qui ont désactivé les animations dans leur système.
Rayon 10, profondeur par surface, jamais d'ombre lourde. Au survol, la couleur se révèle.
Le hover révèle la couleur : primaire → orange, secondaire s'assombrit, link → la puce apparaît.
Pastille crème, puce pleine violet ou orange, capitales trackées 15%. Le fond de la pastille reste crème quel que soit le fond de la page, c'est ce qui la fait ressortir sur le marron.
Le dégradé entre par la tranche de la carte et fond vers le blanc. Un moment, pas un fond.
Une marque ne se juge pas sur une planche de couleurs, mais sur ce qu'elle produit une fois en circulation. Voici les supports où Notom se joue réellement, de la première impression sur LinkedIn au livre blanc qui atterrit chez un fonds.
Les emplacements en pointillés attendent leurs visuels. Chaque format est déjà cadré, il ne reste qu'à produire les shots.
La marque dans un format que lisent les outils. Ce n'est pas un document à parcourir, c'est une adresse à brancher : ce que vous branchez aujourd'hui reste juste demain, parce que le fichier évolue et que l'adresse ne change pas.
…Colle cette ligne dans Cursor, Claude ou n'importe quel agent au début d'une session. Il lira la version en ligne, donc la dernière.
…
Prêtes à brancher, et ce sont exactement celles que cette page utilise pour s'afficher. Version complète (CSS / JSON / Tailwind) dans le design.md.
:root{
--notom-cream:#F2F0EB; --notom-white:#FAFAFA;
--notom-brown:#322A2E; --notom-black:#13100E;
--notom-orange:#F0803A; --notom-orange-light:#FFB579;
--notom-violet:#B796FF; --notom-violet-light:#D1CCFF;
--notom-radius:10px; --notom-font:"STK Bureau Sans","Inter",system-ui,sans-serif;
}