L'industrie rendue lisible, désirable, en mouvement. Ce brand book est vivant : il évolue avec la marque, pas un PDF figé.
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.
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é.
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é.
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.
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.
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
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.
Fallback pour outils contraints (emailing) : Inter → system-ui. Corps jamais sous 14px.
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.
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.
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.
Capitales, tracking 15%, sphère dégradée violet ou orange.
Le dégradé entre par la tranche de la carte et fond vers le blanc. Un moment, pas un fond.
La marque en format lisible par ton équipe et tes outils IA. Colle-le dans Cursor ou un agent, il produit du on-brand direct.
Prêtes à brancher. 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;
}