Recursos de nuestra Marca
Ese es nuestro objetivo: el diseño de páginas web y tiendas online únicas e irrepetibles. El reflejo online de lo que tú y tu negocio sois, una marca digital de la que estés orgulloso. A continuación puedes echar un vistazo a nuestro brandbook, así como a diferentes recursos útiles relacionados.
Descarga nuestro brandbook. Dentro encontrarás el logo en todas las versiones, formatos y colores.
Logos de POM Standard:
Símbolo
Versión horizontal
Colores en POM Standard:
Paleta de colores:
#1
HEX: #DBEAE9
RGB: 219, 234, 233
CMYK: 6%, 0%, 6%, 8%
Pantone: 7541C
#2
HEX: #BADEDA
RGB: 186, 222, 218
CMYK: 16%, 0%, 2%, 13%
Pantone: 629C
#3
HEX: #81B0AA
RGB: 186, 222, 218
CMYK: 16%, 0%, 2%, 13%
Pantone: 5565C
#4
HEX: #5A7F7A
RGB: 90, 127, 122
CMYK: 29%, 0%, 4%, 50%
Pantone: 5487C
#5
HEX: #F4EAD5
RGB: 244, 234, 213
CMYK: 0%, 4%, 13%, 4%
Pantone: 7499C
#6
HEX: #CB8B55
RGB: 203, 138, 85
CMYK: 0%, 32%, 58%, 20%
Pantone: 722C
#7
HEX: #BB7038
RGB: 187, 112, 56
CMYK: 0%, 40%, 70%, 27%
Pantone: 723C
#8
HEX: #693D17
RGB: 105, 61, 23
CMYK: 0%, 42%, 78%, 59%
Pantone: 161C
#9
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0%, 0%, 0%, 0%
#10
HEX: #EBF1F0
RGB: 235, 241, 240
CMYK: 2%, 0%, 0%, 5%
Pantone: 7541C
#11
HEX: #5C6D6C
RGB: 92, 109, 108
CMYK: 16%, 0%, 1%, 57%
Pantone: 431C
#12
HEX: #354a4d
RGB: 53, 74, 77
CMYK: 31%, 4%, 0%, 70%
Pantone: 432C
#13
HEX: #1E2D2F
RGB: 30, 45, 47
CMYK: 36%, 4%, 0%, 82%
Pantone: 5467C
#14
HEX: #041F1E
RGB: 4, 31, 30
CMYK: 87%, 0%, 3%, 88%
Pantone: 6C
#15
HEX: #001111
RGB: 0, 17, 17
CMYK: 100%, 0%, 0%, 93%
Pantone: 426C
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-9 / text-main-4
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-9 / text-main-8
Secundario
bg-main-5 / text-main-7
Secundario
bg-main-7 / text-main-5
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-10
Neutro
bg-main-9 / text-main-13
Neutro
bg-main-10 / text-main-13
Neutro
bg-main-13 / text-main-10
Neutro
bg-main-15 / text-main-9
Neutro
bg-main-9 / text-main-15
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
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.