Design system
La marque MyFrenchTool
Les fondations visuelles de l'annuaire des outils SaaS français : un logo, une palette, des typographies et des principes d'interface pensés pour respirer le pro et le made in France.
Logo
Le coq, symbole français par excellence, dessiné en formes pleines et lisible jusqu'en favicon. Il s'accompagne du wordmark myfrenchtool en bas de casse.
Télécharger
Astuce : clic droit sur le logo du site pour le menu rapide.
Couleurs
Un bleu France dominant sur une base de gris neutres et d'encre profonde. Cliquez une teinte pour copier son hex.
Typographie
Geist pour les titres et le texte, Bodoni pour accentuer, Inter pour les images générées (covers, LinkedIn), Geist Mono pour les données. Le wordmark, lui, est un logo vectoriel (ci-dessus) — pas une police.
Bodoni Moda ItalicAa
vraiment français
Réservé à un mot mis en avant (hero, visuels LinkedIn).
Geist SansMyFrenchTool aide les PME et les entrepreneurs à trouver des alternatives françaises et RGPD aux SaaS américains. Données hébergées en France, outils sélectionnés et testés.
ABCDEFGHIJKLM · abcdefghijklm · 0123456789
InterAa
Les meilleurs outils SaaS français
Covers d'articles et posts LinkedIn (rendu satori).
Geist Mono300 000+
rating: 4.8 · ⌘K · #0052CC
Principes d'interface
Ce qui fait qu'une page ressemble à MyFrenchTool, au-delà du logo et des couleurs.
Bento façon App Store
Des cartes modulaires de largeurs variées, beaucoup d'air, un message fort par carte. C'est la grammaire des fiches outils et des pages clés.
Coins arrondis généreux
rounded-2xl à rounded-3xl partout. Les angles doux donnent le ton premium et rassurant, jamais agressif.
Verre dépoli
La barre de navigation et les menus flottent en backdrop-blur saturé. La profondeur passe par la transparence, pas par des ombres lourdes.
Ombres douces
Des ombres larges et très diffuses (0 30px 70px / faible opacité) pour décoller les éléments sans casser la légèreté.
Micro-interactions
Transitions courtes (100-200ms, ease custom), reveal au scroll, curseur personnalisé. Le mouvement est discret et constant.
Ancrage France
Le coq, le bleu, le ton direct et tranché. Une marque fière d'être française, pensée pour les PME et entrepreneurs.
Éléments signature
Une marque cohérente, de la fiche outil au post LinkedIn.
Retour à l'accueil