Commercial
Relancer un devis resté sans réponse, sans insister lourdement
Un cas typique pour une TPE ou un indépendant en France : relancer un prospect après un devis, avec un message court, clair, et une vraie question pour avancer.
LE SYSTÈME IADUJOUR · V1.0
Un langage visuel.
Des usages cohérents.
Le système graphique du site iadujour : couleurs, typographies, boutons, champs, badges et cartes utilisés sur toutes les pages. Il sert de référence pour assembler les écrans, du premier clic à la lecture d’un cas.
01 · Couleurs & rôles
Papier#F7F7F2
Fond général
Fond général
Encre#182B25
Texte, fonds contrastés
Texte, fonds contrastés
Orange#FF7547
Action principale, marque
Action principale, marque
Lien#B84424
Liens et focus sur fond clair
Liens et focus sur fond clair
Secondaire#5C6961
Métadonnées
Métadonnées
Sauge#DDE9DF
Encadrés
Encadrés
Texte encre sur orange : 5,59:1. Texte secondaire sur papier : 5,36:1. Lien sombre sur papier : 5,02:1. Texte blanc sur orange : 2,66:1, combinaison exclue pour les libellés. L’orange sur papier reste réservé au décor.
02 · Deux voix typographiques
MANROPE · INTERFACE
L’IA qui vous sert vraiment.
400 · 500 · 600 · 700 · 800
Corps 16/28 · Libellés 14/20
NEWSREADER · ÉDITORIAL
Le prochain
déclic.
400 · 500 · 600 · Italique
Le contraste et le rythme du magazine.
ÉCHELLE
H1 42–76 px · H2 32–44 px · Titre de carte 21–28 px · Corps 16–18 px · Métadonnées 12–14 px. Interligne 1,55–1,7 en lecture, 1,05–1,15 pour les titres.
03 · Boutons & états
Exemples visuels : ces boutons ne déclenchent aucune action sur cette page.
Action principale
Explorer
Défaut : orange, texte encre
Explorer
Survol : orange éclairci
Secondaire & focus
Les 5 du matin
Voir un exemple
Focus 3 px #B84424 · décalage 4 px (orange sur fond encre)
Indisponible & envoi
Envoi…
Libellé de statut toujours visible.
04 · Champs & retours d’état
Label persistant · cible 48 px
Adresse e-mail invalide.
Message après envoi
Le texte affiché reprend la réponse du serveur.
Erreur, envoi en cours et réussite : texte et pictogramme, jamais la couleur seule.
05 · Statuts éditoriaux
Repéré · source indiquéeCas pratique FranceActualitéSponsorisé
Un cas « repéré » est décrit par sa source, il n’est pas testé par la rédaction. Un cas pratique est rédigé par la rédaction, ce n’est pas un témoignage. Tout contenu payant porte la mention « Sponsorisé » ou « Partenaire ». La couleur complète le texte ; elle ne porte jamais le sens seule.
06 · Icônes
Grille 24 px · trait 1,6 px · extrémités arrondies. Les boutons icône portent un nom accessible.
07 · Cartes de cas d’usage
Cartes réelles du site : l’illustration est décorative et ne reprend que le thème, l’outil et le type du cas.
Productivité
Transformer un brief flou en cahier des charges utilisable
Passer d’un « j’aurais besoin de quelque chose qui fasse ça » à une note de cadrage : objectifs, périmètre, hors-périmètre, critères de recette.
Dev
Assigner un ticket GitHub à un agent et récupérer une pull request testée
Avec l’agent de code de GitHub Copilot, on assigne une issue comme à un collègue : l’agent travaille dans un environnement isolé et ouvre une pull request à relire.