Une famille.
Des outils singuliers.
Les mêmes repères partout. Une couleur et une icône propres à chaque outil.
Une couleur par outil
Des surfaces neutres, un accent réservé à l’action. Les erreurs et les confirmations restent indépendantes de l’identité de l’outil.
Simple, lisible, précise
Geist Sans. Titres affirmés, textes courts et actions explicites. Une échelle commune, du téléphone au grand écran.
Un outil qui va à l’essentiel.
16 px texte · 14 px labels · 12 px détailsLes mêmes réflexes
Une action principale par étape, des contours lisibles et un retour clair après chaque action.
Un trait de famille
Une identité ImageGen propre à chaque application, déclinée pour les favicons et l’installation. Les petites icônes d’action restent monolignes. Le logotype 3DE est commun à tous les outils.
Un symbole fonctionnel, lisible même en petit.
Le prompt de référence
Remplacez les éléments entre crochets pour créer une icône dans la même famille.
Crée un pictogramme pour [NOM], qui permet de [ACTION]. Famille 3DE Free Tools. Symbole unique [MÉTAPHORE], dessin vectoriel monoline, grille 24 × 24, trait uniforme 1,75 px, extrémités arrondies. Une seule couleur [ACCENT], fond transparent. Lisible à 24 px. Sans texte, dégradé, ombre, 3D ni décoration. Vocabulaire visuel Lucide. Livrer un SVG éditable avec stroke currentColor.
Déclinaison logo d’application / PWA
Décliner le pictogramme validé sur un carré 512 × 512, fond uni opaque [ACCENT], pictogramme blanc centré dans les 64 % centraux. Aucun texte ni effet. Produire les tailles 512, 192 et 180 px, ainsi qu’une version maskable sans masque arrondi préappliqué.
Clair, sombre ou système
Le même outil, adapté à votre confort. Le sélecteur de l’en-tête suit votre appareil par défaut et mémorise votre choix sur les sites 3DE.
Les surfaces, textes et états changent ensemble. Chaque outil conserve sa couleur d’identité, avec un accent éclairci en mode sombre pour garder des actions lisibles.
Installable. Reconnaissable. Accessible.
Chaque outil conserve son nom, sa couleur et son icône une fois installé sur ordinateur ou téléphone. Le clavier, les contrastes et les états d’erreur font partie de la charte.