Colores en este sitio web:
Paleta de colores:
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
#13
#14
#15
Colores primarios/principales:
Los utilizamos para dirigir la atención del usuario. Las llamadas a la acción, los botones de venta y cualquier otra información muy importante deben utilizar el color primario.
Principal
bg-main-2 / text-main-13
Principal
bg-main-1 / text-main-4
Principal
bg-main-4 / text-main-1
Colores secundarios:
Los colores secundarios se utilizan para resaltar los elementos menos importantes. Los botones de acción secundarios, el texto menos importante y cualquier otra cosa que no requiera atención inmediata deben presentarse en un color secundario.
Secundario
bg-main-6 / text-main-5
Secundario
bg-main-5 / text-main-7
Secundario
bg-main-7 / text-main-5
Colores de acento:
Los colores de acento son opcionales, y se utilizan para destacar o dar vida a ciertos elementos.
Acento
bg-main-11 / text-main-9
Acento
bg-main-9 / text-main-11
Acento
bg-main-11 / text-main-10
Acento
bg-main-10 / text-main-11
Colores neutros/adicionales:
Los neutros se utilizan normalmente para el texto o cualquier otra cosa que no necesite competir por la atención.
Neutro
bg-main-11 / text-main-15
Neutro
bg-main-12 / text-main-14
Neutro
bg-main-14 / text-main-12
Neutro
bg-main-15 / text-main-11
Botones por prioridad
Utilizar para enlaces de máxima importancia.
Utilizar para enlaces de menor importancia.
Utilizar para enlaces de poca importancia, informativos.
Utilizar para enlaces de máxima importancia (solo cuando el color de fondo es el #2, #BADEDA).
Utilizar para enlaces de menor importancia (solo cuando el color de fondo es el #5, #F4EAD5).
Utilizar para enlaces de poca importancia, informativos (solo cuando el fondo sea oscuro).
Display 1
Display 2
Display 3
Display 4
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
Los colores secundarios se utilizan para resaltar los elementos menos importantes. Los botones de acción secundarios, el texto menos importante y cualquier otra cosa que no requiera atención inmediata deben presentarse en un color secundario.
Logos de POM Standard:
Símbolo
Versión horizontal
Legibilidad:
Descarga nuestro brandbook. Dentro encontrarás el logo en todas las versiones, formatos y colores.