Un document exigé par la loi, présenté avec calme.
L’apparence et le ton de DPP Agent. Chaque page marketing est construite à partir des éléments de cette page ; si une page diffère de celle-ci, c’est la page qui a tort.
Principes
Trois règles font l’essentiel.
01
Une seule action
Un seul bouton noir par section. Tout le reste est gris ou en simple lien.
02
La typographie fait le travail
Les titres sont en serif. La hiérarchie vient de la taille et de l’espace, pas de la couleur ni des encadrés.
03
Dire le fait, puis s’arrêter
Pas de superlatifs, pas de points d’exclamation. Une affirmation que nous ne pouvons pas vérifier ne figure pas sur la page.
Logo et nom
Le logo est le seul élément bleu.
DPP Agent
Le carré bleu UE avec le cercle d’étoiles, et le nom en capitales espacées à côté. Jamais « AGENT » seul, jamais de sous-titre en dessous. Dans le texte courant : DPP Agent.
Couleur
Du papier, de l’encre et un filet.
Papier
#FAFAF7
Fond de page
Blanc
#FFFFFF
Cartes, en-tête, pied de page
Encre
#1C1917
Titres, action principale
Texte
#57534E
Texte courant
Discret
#A8A29E
Libellés, surtitres
Filet
#E7E5E4
Traits et bords des cartes
Secondaire
#F5F5F4
Action secondaire
Validé
#047857
Statut uniquement
Attention
#B45309
Statut uniquement
Le vert et l’ambre signalent un statut, et rien d’autre. Pas de dégradés, pas de tuiles d’icônes colorées.
Typographie
Un serif pour lire, un sans-serif pour agir.
Surtitre · capitales 11 px
Nom de section
Titre principal · serif 36–60 px, un par page
Tout ce qu’il vous faut.
Titre de section · serif 30–36 px
Les normes que nous couvrons.
Titre de carte · serif 20–24 px
Incertitude réglementaire
Chapeau · sans-serif 18–20 px
Créez, validez et publiez des passeports à partir des données dont vous disposez déjà.
Texte · sans-serif 15 px
Le texte courant s’arrête à environ soixante-quinze caractères. Des phrases courtes, des verbes qu’emploie un responsable conformité : valider, publier, archiver, signaler.