Zunox · Kit de marca

Identidad · v1.0

Manual
de marca

Cómo se construye Zunox, dónde se pone y qué no se hace nunca. Nueve capítulos. Diez minutos.

01

El
símbolo

La Z es la primera letra de ZUNOX. No es un icono que se pone al lado: donde ves la palabra, ya ves el símbolo.

ancho 94alto 100barra 20.5diagonal 24.5ranura 10.8remate 0,62
Retícula de 10 × 10. Todas las medidas son proporcionales a la altura de la caja alta, así que la construcción se mantiene a cualquier escala.

La ranura es el sistema

El corte diagonal no es decoración. Es el gesto que se repite en las tres letras con carácter y hace que se lean como una familia y no como tres dibujos sueltos.

En la Z separa las barras del trazo diagonal. En la O son dos ranuras radiales, a 180° y a −22°. En la X el palo descendente pasa entero y corta al ascendente.

ParámetroValor
Altura de caja alta100
Ancho del símbolo94
Grosor de barra20,5
Trazo diagonal24,5
Ranura (horizontal)10,8
Inclinación del remate0,62
Zranura diagonalOdos ranuras radialesXcorte del palo ascendente

02

Cuatro
bloqueos

Cada uno con su sitio. No inventes otros: si ninguno encaja, usa el compacto.

01

Principal

Con bajada. Web, cabeceras de propuesta, firma de correo, presentaciones.

02

Compacto

Sin bajada. Barras de navegación, pies de página, cualquier sitio con poca altura.

03

Vertical

Formatos cuadrados o verticales: redes, cartelería, merchandising.

04

Símbolo

Solo la Z. Favicon, avatar, app, sello, marca de agua.

03

El aire

Alrededor del logo tiene que haber un margen libre de X, donde X = 0,55 × la altura de la caja alta. Ahí no entra nada.

XX = 0,55 × la altura de la caja alta
Ni texto, ni fotos, ni el borde del soporte. El margen es proporcional, así que se calcula solo al escalar.
140 px · 36 mmprincipal90 px · 22 mmcompacto24 px · 7 mmsimbolo
Por debajo de estos anchos la ranura se cierra y el logo deja de leerse. Si necesitas ir más pequeño, usa el símbolo.

04

Sobre
cualquier
fondo

Cinco versiones. Las de una tinta existen porque la serigrafía, el bordado y el grabado no admiten más.

01

Fondo oscuro

El uso por defecto.

02

Fondo claro

Tinta Zunox Deep sobre papel.

03

Negativo

Una tinta blanca, sobre foto o color plano.

04

Positivo

Una tinta oscura: facturas, sellos, fax.

05

Monocromo verde

Marcas de agua y usos sutiles.

05

Color

El azul verdoso #003942 es el color de marca. El verde #00C389 es el acento: la X del logo, los botones y poco más. Si lo usas en todo, deja de destacar.

Zunox Ink
#002830 · rgb 0 40 48
cmyk 100 17 0 81 · pms 5535 C
Tinta más oscura. Texto sobre claro, versión de una tinta.
Zunox Deep
#003942 · rgb 0 57 66
cmyk 100 14 0 74 · pms 3165 C
Color principal de marca. Fondos, cabeceras, superficies amplias.
Zunox Surface
#014E59 · rgb 1 78 89
cmyk 99 12 0 65
Tarjetas y bloques sobre el fondo principal.
Zunox Line
#0A6A73 · rgb 10 106 115
cmyk 91 8 0 55
Filetes, bordes y separadores.
Green Deep
#00704F · rgb 0 112 79
cmyk 100 0 29 56 · pms 342 C
Verde para texto y enlaces sobre fondo claro (AA).
Zunox Green
#00C389 · rgb 0 195 137
cmyk 100 0 30 24 · pms 3405 C
Verde de marca. La X del logo, botones, acentos.
Green Light
#5FE3B4 · rgb 95 227 180
cmyk 58 0 21 11 · pms 344 C
Hover y destacados sobre fondo oscuro.
Zunox Paper
#F0F7F4 · rgb 240 247 244
cmyk 3 0 1 3
Texto principal sobre fondo oscuro.
Zunox Muted
#8FB3AF · rgb 143 179 175
cmyk 20 0 2 30
Texto secundario y bajadas.
Paper
#F4F7F7 · rgb 244 247 247
cmyk 1 0 0 3
Fondo claro de la marca.

Contraste comprobado

ColorSobreRatioWCAGSe puede usar para
Zunox Paper#F0F7F4Zunox Deep11.61AAATexto normal y grande
Zunox Green#00C389Zunox Deep5.51AATexto normal y grande
Green Light#5FE3B4Zunox Deep7.89AAATexto normal y grande
Zunox Muted#8FB3AFZunox Deep5.55AATexto normal y grande
Zunox Deep#003942Paper11.72AAATexto normal y grande
Green Deep#00704FPaper5.68AATexto normal y grande
Zunox Green#00C389Paper2.13NoNo usar para texto
Zunox Ink#002830Paper14.48AAATexto normal y grande

El verde de marca es precioso sobre oscuro e ilegible sobre blanco. Para texto y enlaces sobre fondo claro está #00704F: mismo tono, más oscuro, y pasa AA.

06

Tipografía

Sora para titular, Manrope para leer. Las dos variables, gratuitas y autoalojables.

Sora

Inteligencia artificial.
Resultados reales.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 áéíóú ¿? ¡!

Manrope

Automatizamos procesos, optimizamos tu negocio y diseñamos soluciones de IA a medida para que ahorres tiempo, reduzcas costes y aumentes ingresos.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 áéíóú ¿? ¡!

El logo no usa estas fuentes

Las cinco letras de ZUNOX son curvas dibujadas a medida. Nunca escribas «ZUNOX» con Sora y lo llames logo: coge el archivo del kit.

Las dos familias llevan licencia SIL Open Font: puedes usarlas en web, impresión y productos de cliente sin pagar nada.

NivelTamañoFamiliaInterlineadoTracking
Display56–72 pxSora 7001,05−0,02em
H140 pxSora 6001,10−0,02em
H230 pxSora 6001,20−0,015em
H322 pxSora 6001,30−0,01em
Cuerpo16–17 pxManrope 4001,650
Etiqueta11,5 pxSora 600 mayús.1,40+0,16em

07

Lo que
no se
hace

Si dudas, usa un archivo del kit tal cual viene: están hechos precisamente para no tener que decidir.

Proporciones, colores y aire del kit.

No

No lo estires ni lo comprimas

No

No lo gires: va siempre horizontal

No

No lo recolorees fuera del kit

No

No lo dejes sin contraste

No

Sobre ruido, usa la versión de una tinta

No

Sin sombras, biseles ni contornos

No

No separes la Z ni la repitas al lado

08

Icono
y redes

El favicon lleva menos margen que el logo normal para que la Z ocupe todo lo posible a 16 px. Está probado a cada tamaño real.

Icono de app para iOS

apple-touch · 180

Icono de app para Android

android · 192 · 512

Icono maskable de Android

maskable · 80 %

Avatar para redes sociales

avatar · 400 · 1000

Imagen Open Graph de Zunox
Open Graph 1200 × 630 — lo que se ve al compartir zunox.es en WhatsApp, LinkedIn o Slack.

09

Los
archivos

Para web usa SVG. Para imprenta, PDF. PNG solo cuando el sistema no admita vectores.

CarpetaContieneCuándo
svg/20 archivosEl maestro. Web, app, email, presentaciones.
pdf/20 archivosImprenta, rotulación, merchandising.
eps/20 archivosProveedores con software antiguo.
png/80 archivos512 a 4096 px, fondo transparente.
favicon/14 archivosWeb e iconos de app.
social/12 archivosAvatares, portadas y Open Graph.
color/4 archivosTokens para desarrollo y valores para imprenta.
fonts/5 archivosSora y Manrope con licencia OFL.

No conviertas archivos por tu cuenta. Pasar un PNG a vector o recortar un logo a mano estropea las proporciones y las ranuras. Si te falta un formato, pídelo: se prepara en un momento y sale correcto.

Usa siempre el archivo, no lo redibujes. Tampoco lo reconstruyas escribiendo «ZUNOX» con una fuente parecida.

Siguiente Descargar
los archivos

Logos, imprenta, favicon, redes, color y tipografías. Sueltos o en un único ZIP.