Un documento legalmente obligatorio, presentado con calma.
Cómo se ve y cómo suena DPP Agent. Todas las páginas de marketing se construyen con las piezas de esta página; si una página se ve distinta de esta, la que está mal es esa página.
Principios
Tres reglas sostienen casi todo.
01
Una sola cosa que hacer
Un botón negro por sección. Todo lo demás es gris o un enlace simple.
02
La tipografía hace el trabajo
Los títulos van en serif. La jerarquía la dan el tamaño y el espacio, no el color ni los recuadros.
03
Decir el hecho y parar
Sin superlativos ni signos de exclamación. Una afirmación que no podemos comprobar no va en la página.
Logotipo y nombre
El símbolo es el único azul.
DPP Agent
El cuadrado azul UE con el círculo de estrellas y, a su lado, el nombre en mayúsculas espaciadas. Nunca “AGENT” solo, nunca un subtítulo debajo. En el texto corrido: DPP Agent.
Color
Papel, tinta y una línea fina.
Papel
#FAFAF7
Fondo de página
Blanco
#FFFFFF
Tarjetas, cabecera, pie
Tinta
#1C1917
Títulos, acción principal
Cuerpo
#57534E
Texto corrido
Discreto
#A8A29E
Etiquetas, antetítulos
Línea fina
#E7E5E4
Filetes y bordes de tarjeta
Secundario
#F5F5F4
Acción secundaria
Aprobado
#047857
Solo estado
Atención
#B45309
Solo estado
El verde y el ámbar indican estado y nada más. Sin degradados ni iconos sobre fondos de color.
Tipografía
Una serif para leer, una sans para usar.
Antetítulo · mayúsculas de 11 px
Nombre de sección
Display · serif 36–60 px, uno por página
Todo lo que necesita.
Título de sección · serif 30–36 px
Las normas que cubrimos.
Título de tarjeta · serif 20–24 px
Incertidumbre normativa
Entradilla · sans 18–20 px
Cree, valide y publique pasaportes a partir de los datos que ya tiene.
Cuerpo · sans 15 px
El texto corrido se corta en unos setenta y cinco caracteres. Frases cortas, verbos que usa un responsable de cumplimiento: validar, publicar, archivar, señalar.