Le Flow Lucide — l'industrie rendue lisible, désirable, en mouvement. Ce document est vivant : il évolue avec la marque.
L'industrie était opaque, technique, anxiogène. Notom la rend lisible — et la lisibilité débloque le flow. La marque incarne un futur industriel désirable : lumineux, positif, en mouvement.
La base est claire. Le sombre ne sert que d'encre et d'accent — jamais en grand aplat. On célèbre ce que Notom rend possible.
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 symbole et le nom s'adaptent au contexte. Le symbole en corail, le nom en encre — et leurs déclinaisons sur fonds. Testez-le.
Une seule famille. Titres en Light (légèreté éditoriale), labels très trackés (précision technique). Le corps en Book.
La crème occupe 70–80% de chaque surface. 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.
Déposez un rendu neutre (PNG transparent), tracez un cadre, exportez en PNG ou en séquence. C'est ainsi qu'on produit les visuels hero du site, des decks et du social — de façon cohérente.
La logique « brand light » jusque dans l'interface : au survol, la couleur se révèle. Rayon 10, profondeur par surface — jamais d'ombre lourde.
Survolez — le primaire passe orange, le secondaire s'illumine.
Label capitales, tracking 15%, précédé d'un point violet.
Le dégradé de marque en aplat contenu — un moment, pas un fond. Base crème autour.
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 — couleurs, règles, intention.
Variables CSS 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;
}