Zona segura
Define el espacio de protección de la pieza y garantiza que los elementos esenciales mantengan distancia suficiente de los bordes y áreas de recorte.
Manual deidentidadcorporativa
- Versión
- 1.0 · Septiembre 2026
- Para
- Quien diseñe, escriba, imprima, publique o vista la marca
- Diseñado y desarrollado por
- Quiroz
01 · El manual
Manual deidentidadcorporativa
Este manual es la casa de la marca Marclor. Aquí vive todo lo que la hace reconocible: su historia, su voz, sus colores, su manera de hablarle a la gente.
No es un documento decorativo ni un archivo para guardar: es la herramienta de trabajo diaria de todo el que diseñe, escriba, imprima, publique o vista la marca.
Una marca se construye en miles de contactos pequeños: un hablador de precio, una bolsa, una historia de Instagram. Este manual existe para que todos esos contactos, hechos por manos distintas en momentos distintos, se sientan como una sola cosa.
Sistema deidentidadgráfica
¿Qué es un sistema gráfico?
Un sistema gráfico es el conjunto de principios visuales y compositivos que le dan coherencia, orden y reconocimiento a la comunicación de una marca. En Marclor, este sistema integra color, tipografía, geometría, iconografía y composición para construir una identidad sólida, precisa y consistente, sin importar el formato o punto de contacto.
02 · Color
Sistemacromático
El color es uno de los principales elementos de reconocimiento de Marclor. Su paleta combina profundidad, tecnología y sofisticación para construir una identidad sólida y consistente.
Marine Blue aporta energía y protagonismo; Deep Blue establece profundidad y respaldo; Quimical Gray funciona como tono neutro y equilibrante, mientras World Gold incorpora un acento de sofisticación. La combinación debe mantenerse coherente en todas las aplicaciones para preservar la personalidad visual de la marca.
Toca un valor para copiarlo.
Paleta para Adobe, CSS y JSON2 KB
-
Marine
Blue- RGB
- CMYK
- HEX
Aporta energía y protagonismo.
-
Deep
Blue- RGB
- CMYK
- HEX
Establece profundidad y respaldo.
-
Quimical
Gray- RGB
- CMYK
- HEX
Funciona como tono neutro y equilibrante.
-
World
Gold- RGB
- CMYK
- HEX
Incorpora un acento de sofisticación.
Combinaciones de color
Parejas de fondo y texto que aparecen en el manual, con su contraste calculado según WCAG 2.1. En pantalla, las combinaciones marcadas «AA grande» van solo en títulos y textos de 24 px o más.
| Muestra | Fondo | Texto | Uso en el manual | Contraste |
|---|---|---|---|---|
Blanco #ffffff |
Deep Blue #000e24 |
Títulos, logotipo y descriptor | 19,3:1AAA | |
Blanco #ffffff |
Marine Blue #0070eb |
Línea de acento de los títulos e isotipo | 4,65:1AA | |
Blanco #ffffff |
Gris de texto #706f6f |
Texto de cuerpo | 5,01:1AA | |
Deep Blue #000e24 |
Blanco #ffffff |
Títulos, textos y logotipo sobre fondo oscuro | 19,3:1AAA | |
Deep Blue #000e24 |
Marine Blue #0070eb |
Línea de acento y descriptor del logotipo | 4,15:1AA grande | |
Marine Blue #0070eb |
Blanco #ffffff |
Logotipo en blanco, textos y cajas de la lámina 5 | 4,65:1AA | |
Marine Blue #0070eb |
Deep Blue #000e24 |
Línea de acento del contenedor de impacto | 4,15:1AA grande | |
Quimical Gray #ececec |
Deep Blue #000e24 |
Títulos y textos sobre el neutro | 16,3:1AAA | |
World Gold #ddbb85 |
Deep Blue #000e24 |
Textos sobre los bloques dorados | 10,6:1AAA |
03 · Tipografía
Tipografía
La tipografía define el tono visual de Marclor: contemporáneo, técnico y directo. Kumbh Sans ha sido seleccionada por su excelente legibilidad y por la claridad de sus formas, permitiendo construir comunicaciones limpias y profesionales.
Regular se utiliza para textos corridos y contenidos informativos. Medium permite destacar información secundaria y Bold establece títulos, llamados y mensajes de mayor jerarquía.
Kumbh Sans
AaBbCc123/)?!”#
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789
- La historia comienzaBold
- Pensar que tal vez hubiese sido el vecino quien le había robado el hacha.Medium
- Érase una vez una joven lechera que llevaba un cubo de leche en la cabeza, camino al mercado para venderla. Durante el camino, la soñadora joven iba imaginando lo que podría lograr conseguir con la leche. Pensó que en primer lugar y con el dinero de la venta compraría un canasto de huevos, los cuales una vez eclosionaran le permitiría montar una pequeña granja de pollos.Regular
Escala tipográfica
Tamaños tomados de las láminas de 1920 px y su equivalente en pantalla. Los títulos van siempre en mayúsculas.
| Nivel | Muestra | Peso y estilo | En la lámina | En pantalla |
|---|---|---|---|---|
| Título de sección | Química que mueve | Bold · mayúsculas | 60 px | --mc-t-titulo · 34–60 px |
| Subtítulo | ¿Qué es un sistema gráfico? | Regular · mayúsculas | 36 px | --mc-t-subtitulo · 22–36 px |
| Cifra de tarjeta | 01 | ExtraBold · Marine Blue | 60 px | .mc-tarjeta__num · 40–60 px |
| Título de tarjeta | Zona segura | Bold · mayúsculas · espaciado 0,12 em | 20 px | --mc-t-tarjeta · 17–20 px |
| Texto de cuerpo | El color es uno de los principales elementos de reconocimiento de Marclor. | Regular | 18 px | --mc-t-cuerpo · 16–18 px |
| Texto de tarjeta | Define el espacio de protección de la pieza. | Regular | 14 px | --mc-t-pequeno · 14 px |
| Rótulo | Manual de identidad corporativa | Bold · mayúsculas · espaciado 0,2 em | 11 px | --mc-t-rotulo · 12 px |
Química que mueve industrias
04 · Isotipo
Planimetríaícono
La construcción del isotipo parte de una estructura geométrica precisa que garantiza equilibrio, proporción y consistencia visual. La retícula permite definir cada elemento a partir de una unidad base, facilitando su reproducción en cualquier escala o formato.
Esta estructura debe respetarse en todas las aplicaciones para conservar la integridad y reconocimiento del símbolo.
-
01Eje de construcción
Los ejes horizontal y vertical establecen el centro y la orientación del isotipo, asegurando una composición equilibrada.
-
02Retícula de construcción
La retícula permite definir proporciones, diagonales y relaciones entre los elementos a partir de una unidad de medida.
-
03Área de protección
La unidad X determina el espacio mínimo que debe conservarse alrededor del isotipo para garantizar su correcta presencia y legibilidad.
05 · Logotipo
Logotipo
El logotipo Marclor integra el nombre de la marca con una construcción tipográfica propia, concebida para transmitir solidez, precisión y carácter contemporáneo.
Cada proporción, separación y alineación responde a una estructura definida que debe mantenerse sin alteraciones. El logotipo es la principal expresión de identidad y debe utilizarse siempre de acuerdo con las especificaciones establecidas en este manual.
- Proporción
- La retícula establece la relación de altura, ancho y escala entre los caracteres.
- Alineación
- Las líneas guía determinan una base común y mantienen la continuidad del conjunto tipográfico.
- Espaciado
- La distancia entre caracteres ha sido ajustada para conseguir ritmo, equilibrio y una lectura uniforme.
Proporcionesde logotipo
Las proporciones del logotipo se establecen a partir de una unidad modular que permite mantener relaciones constantes entre sus diferentes elementos. La medida X funciona como referencia para determinar tamaños, distancias y alineaciones.
Las versiones vertical y horizontal deben conservar siempre estas proporciones, evitando cualquier ajuste que modifique la construcción original de la marca.
Tamañomínimo
El tamaño mínimo asegura que el logotipo conserve su legibilidad y reconocimiento en cualquier aplicación. Estas dimensiones corresponden a los límites recomendados para cada configuración y deben respetarse especialmente en formatos reducidos.
Cuando el espacio disponible no permita utilizar la versión completa, deberá seleccionarse la variante que garantice una correcta lectura sin comprometer la identidad de Marclor.
-
Logotipo completo (isotipo + logotipo + tagline)
32X × 17X = 16 cm × 8.5 cm
Este es el formato ideal para aplicaciones impresas de gran visibilidad, como papelería o señalética.
-
Logotipo con tagline
16X × 2.5X = 8 cm × 1.25 cm
Se recomienda para piezas de menor tamaño, sin comprometer la legibilidad del eslogan.
-
Solo logotipo horizontal (sin tagline)
8X × 2X = 4 cm × 1 cm
Útil en aplicaciones digitales, como headers o tarjetas de presentación.
-
Solo isotipo
2X × 2X = 1 cm × 1 cm
Se utiliza como favicon, ícono de redes o sello, sin perder identidad visual.
Versionesde logotipo
Marclor cuenta con diferentes configuraciones de logotipo para adaptarse a las necesidades de cada soporte sin perder consistencia visual. Las versiones con y sin tagline permiten responder a diferentes espacios y niveles de reproducción.
La elección de cada versión dependerá del formato, tamaño y contraste disponible, respetando siempre las combinaciones cromáticas definidas para fondos claros, oscuros y corporativos.
Cada versión se descarga sola en SVG (web), PNG (documentos) o PDF (imprenta).
Fondo color corporativo
Fondo oscuro
Isotipo
Solo el símbolo, para favicon, ícono de redes o sello. Tamaño mínimo: 2X × 2X = 1 cm × 1 cm.
Fondo claro
Fondo oscuro
Fondo corporativo
Usos correctose incorrectosdel logotipo
El logotipo debe reproducirse siempre respetando su estructura, proporciones y características originales. Cualquier modificación en sus elementos puede afectar la legibilidad, el equilibrio y el reconocimiento de la marca.
Estas restricciones aplican tanto al logotipo completo como a sus diferentes versiones y elementos independientes.
Cada símbolo debe conservar una misma lógica de construcción, grosor de línea, proporción y nivel de síntesis para garantizar una familia visual consistente.
06 · Íconos
Íconos
El sistema de íconos traduce los principales conceptos de Marclor a un lenguaje visual simple, técnico y reconocible. Su construcción se basa en líneas limpias, proporciones equilibradas y una estética geométrica que mantiene coherencia con el isotipo.
Los íconos funcionan como recursos de apoyo para organizar información, destacar categorías y facilitar la comprensión de contenidos en diferentes aplicaciones de la marca.
Todos los íconos deben conservar el mismo estilo de línea, proporción y nivel de detalle.
Los 12 íconos305 KB07 · Sistema de diseño
Sistemade diseño
El sistema de diseño de Marclor establece una estructura flexible para organizar los contenidos en diferentes formatos y proporciones. A partir de zonas definidas, cada pieza puede integrar marca, información, recursos audiovisuales y elementos complementarios manteniendo una composición clara y consistente.
La distribución se adapta al formato sin perder la jerarquía visual, permitiendo que los elementos principales permanezcan siempre visibles y correctamente organizados.
Jerarquía de contenido
Cada zona establece una función específica para organizar la información, diferenciando marca, mensaje principal, contenido audiovisual y elementos complementarios.
Adaptación de formato
La estructura permite trasladar el lenguaje visual de Marclor a formatos horizontales, cuadrados y verticales sin perder orden, legibilidad ni identidad.
Composiciónvisual
La composición visual de Marclor establece una estructura clara y equilibrada para integrar imágenes, textos y recursos gráficos.
La combinación de estos elementos permite construir piezas dinámicas, manteniendo siempre una jerarquía visual que facilite la lectura y refuerce el reconocimiento de la marca. Las formas curvas, los bloques cromáticos y la fotografía se utilizan de manera estratégica para generar ritmo, profundidad y continuidad entre diferentes formatos.
Química que mueveindustrias
Importación · distribución
química
Solucionesquímicas
Para un mundo
en movimiento.
Calidad yconfianza
Alcance global
y sostenibilidad.
Jerarquía visual
La información se organiza por niveles de importancia, utilizando tamaño, peso y ubicación para dirigir la atención hacia el mensaje principal.
Imagen y contexto
La fotografía aporta protagonismo y contexto, convirtiéndose en un recurso fundamental para comunicar la actividad, los productos y el entorno de Marclor.
Ritmo y equilibrio
Las formas curvas, bloques de color y espacios en blanco generan movimiento y dinamismo, manteniendo al mismo tiempo una composición limpia y equilibrada.
08 · Elementos de diseño
Elementosde diseñoPatrones/ texturas
Los patrones y texturas amplían el universo gráfico de Marclor y permiten generar reconocimiento incluso cuando el logotipo no es el elemento principal.
Su construcción parte de formas presentes en el sistema visual de la marca, combinadas mediante repetición, escala y variación cromática. Pueden utilizarse como fondos, revestimientos o recursos decorativos, siempre manteniendo una composición equilibrada.
El patrón acompaña la marca; no debe competir con el contenido principal.
Las 9 texturas4,5 MB
Elementosde diseñoContenedores
Los contenedores son estructuras gráficas diseñadas para organizar contenido, generar jerarquía y mantener consistencia entre diferentes formatos. Permiten combinar imágenes, textos y elementos de identidad dentro de una misma composición.
Su forma, posición y proporción pueden adaptarse al espacio disponible, manteniendo siempre el lenguaje visual definido por la marca y respetando las zonas de seguridad.
-
Contenedor superior
Organiza titulares o información destacada en la parte superior de la composición.
Química quemueveindustrias
Organiza titulares o información destacada en la parte superior.
-
Contenedor lateral
Integra información complementaria junto a la imagen sin interrumpir su protagonismo.
SolucionesquímicasMarclor
Integra información complementaria junto a la imagen.
-
Contenedor inferior
Funciona como base para llamados, datos o información secundaria.
Química queimpulsa tuindustria
Base para llamados, datos o información secundaria.
-
Contenedor modular
Combina diferentes contenidos dentro de una estructura flexible y adaptable.
Combina diferentes contenidos en una estructura flexible.
-
Contenedor de énfasis
Utiliza el color para destacar mensajes puntuales y dirigir la atención.
Utiliza el color para destacar mensajes puntuales.
-
Contenedor de impacto
Amplía la presencia del mensaje mediante una superficie gráfica de mayor protagonismo.
Importacióndistribuciónquímica
Amplía la presencia del mensaje con una superficie gráfica.
09 · Aplicaciones
Aplicacionescorporativas
La papelería corporativa tiene plantilla lista: membrete en Word y arte final en PDF.
10 · Kit web
Sistemapara web
Tokens y componentes para llevar el manual a sitios, plataformas y correos. Cada pieza sale de una lámina: la paleta, Kumbh Sans, los títulos a dos tonos, las tarjetas numeradas, los recuadros, los íconos, los arcos y los contenedores.
Los componentes solo usan elementos del manual. Los tres neutros de soporte (texto, superficie y superficie de arco) provienen de su diagramación y no forman parte de la paleta.
Tokens de color
| Color | Variable | Valor | Uso |
|---|---|---|---|
| Marine Blue · paleta. Aporta energía y protagonismo. | |||
| Deep Blue · paleta. Establece profundidad y respaldo. | |||
| Quimical Gray · paleta. Funciona como tono neutro y equilibrante. | |||
| World Gold · paleta. Incorpora un acento de sofisticación. | |||
| Blanco · fondos y textos sobre color. | |||
| Texto · soporte. Texto de cuerpo en todas las láminas. | |||
| Superficie · soporte. Tarjetas numeradas 01 · 02 · 03. | |||
| Superficie de arco · soporte. Arcos de fondo, recuadros de íconos y contenedores. |
Espacio
Base de 8 px.
--mc-e18--mc-e216--mc-e324--mc-e432--mc-e648--mc-e864
Radios y elevación
Medidas de las láminas 6 y 12. El manual no usa sombras.
--mc-radio-tarjeta20 px--mc-radio-recuadro12 px--mc-radio-pildora999 px
Componentes
Vista previa y código listo para copiar. Requieren marclor-tokens.css y marclor-componentes.css.
Títulos y texto
Título en mayúsculas a dos tonos: Deep Blue y, en la línea de acento, Marine Blue. Texto de cuerpo en el gris del manual.
02 · Color
Proporcionesde logotipo
Las proporciones del logotipo se establecen a partir de una unidad modular. La medida X funciona como referencia para tamaños, distancias y alineaciones.
Ver código
<p class="mc-rotulo">02 · Color</p>
<h2 class="mc-titulo"><span>Proporciones</span><em>de logotipo</em></h2>
<div class="mc-texto">
<p><strong>Las proporciones del logotipo se establecen a partir de una unidad modular.</strong> La medida X funciona como referencia para tamaños, distancias y alineaciones.</p>
</div>Botones
Píldoras de las láminas 5 y 10. Principal en Marine Blue; secundario en Quimical Gray; sobre fondos de color, píldora blanca.
Ver código
<div class="fila">
<a class="mc-boton" href="#">Descargar manual</a>
<a class="mc-boton mc-boton--secundario" href="#">Ver aplicaciones</a>
</div>
<div class="fila mc-oscuro" style="padding:1.5rem;border-radius:var(--mc-radio-recuadro)">
<a class="mc-boton mc-boton--claro" href="#">Contactar</a>
<a class="mc-boton" href="#">Descargar manual</a>
</div>Píldoras
Etiquetas de versión (lámina 10) y cajas de peso tipográfico (lámina 5).
Versión vertical con tagline
Bold
Medium
Regular
Ver código
<div class="fila mc-claro" style="padding:1.5rem;border-radius:var(--mc-radio-recuadro)">
<span class="mc-pildora">Versión vertical con tagline</span>
<span class="mc-pildora mc-pildora--marine">Bold</span>
<span class="mc-pildora mc-pildora--marine">Medium</span>
<span class="mc-pildora mc-pildora--marine">Regular</span>
</div>Tarjetas numeradas
Superficie #f6f6f6, radio de 20 px, cifra en Marine Blue y título espaciado (láminas 6, 13 y 14).
Zona segura
Define el espacio de protección de la pieza y garantiza que los elementos esenciales mantengan distancia de los bordes.
Jerarquía de contenido
Cada zona cumple una función: marca, mensaje principal, contenido audiovisual y elementos complementarios.
Ver código
<div class="grilla">
<article class="mc-tarjeta">
<span class="mc-tarjeta__num">01</span>
<h3 class="mc-tarjeta__titulo">Zona segura</h3>
<p class="mc-tarjeta__texto">Define el espacio de protección de la pieza y garantiza que los elementos esenciales mantengan distancia de los bordes.</p>
</article>
<article class="mc-tarjeta">
<span class="mc-tarjeta__num">02</span>
<h3 class="mc-tarjeta__titulo">Jerarquía de contenido</h3>
<p class="mc-tarjeta__texto">Cada zona cumple una función: marca, mensaje principal, contenido audiovisual y elementos complementarios.</p>
</article>
</div>Recuadro destacado
Recuadro Deep Blue con texto blanco en negrita, centrado (láminas 11, 12 y 15).
El patrón acompaña la marca; no debe competir con el contenido principal.
Ver código
<p class="mc-destacado">El patrón acompaña la marca; no debe competir con el contenido principal.</p>Íconos
Recuadro #edf1f4 de radio 12 px con el ícono en Deep Blue y el nombre espaciado (lámina 12). Los íconos se toman del sprite marclor-iconos.svg.
Ver código
<div class="grilla" style="grid-template-columns:repeat(auto-fit,minmax(9rem,10rem))">
<div class="mc-recuadro-icono">
<svg class="mc-icono" aria-hidden="true"><use href="#mc-quimicos"></use></svg>
<span class="mc-recuadro-icono__nombre">Químicos</span>
</div>
<div class="mc-recuadro-icono">
<svg class="mc-icono" aria-hidden="true"><use href="#mc-tratamiento-de-aguas"></use></svg>
<span class="mc-recuadro-icono__nombre">Tratamiento de aguas</span>
</div>
<div class="mc-recuadro-icono">
<svg class="mc-icono" aria-hidden="true"><use href="#mc-piscinas"></use></svg>
<span class="mc-recuadro-icono__nombre">Piscinas</span>
</div>
</div>Marca de agua
Retícula de isotipos en contorno que abre cada lámina del manual, arriba a la izquierda.
Ver código
<div class="mc-marca-agua" aria-hidden="true"></div>Encabezado con arco
Texto a la izquierda y fotografía recortada por el arco, como en las láminas 2 y 3.
Manual deidentidadcorporativa
Una marca se construye en miles de contactos pequeños.
Ver código
<header class="mc-encabezado">
<div class="mc-encabezado__texto">
<h1 class="mc-titulo"><span>Manual de</span><em>identidad</em><em>corporativa</em></h1>
<div class="mc-texto">
<p>Una marca se construye en miles de contactos pequeños.</p>
</div>
</div>
<div class="mc-arco">
<img src="fotos/intro-bodega.webp" alt="Bodega con tambores azules y un montacargas" width="1024" height="1536">
</div>
</header>Contenedores
Los seis contenedores de la lámina 16 usan su forma original como fondo (contenedores/contenedor-1.svg a contenedor-6.svg) y textos ubicados con las medidas del manual.
Química quemueveindustrias
Organiza titulares o información destacada en la parte superior.
Importacióndistribuciónquímica
Amplía la presencia del mensaje con una superficie gráfica.
Ver código
<div class="grilla">
<div class="mc-contenedor mc-contenedor--superior">
<img class="mc-contenedor__fondo" src="contenedores/contenedor-1.svg" alt="">
<h3 class="mc-contenedor__titulo"><span>Química que</span><span>mueve</span><em>industrias</em></h3>
<p class="mc-contenedor__texto">Organiza titulares o información destacada en la parte superior.</p>
</div>
<div class="mc-contenedor mc-contenedor--impacto">
<img class="mc-contenedor__fondo" src="contenedores/contenedor-6.svg" alt="">
<h3 class="mc-contenedor__titulo"><span>Importación</span><span>distribución</span><em>química</em></h3>
<p class="mc-contenedor__texto">Amplía la presencia del mensaje con una superficie gráfica.</p>
</div>
</div>Reglas para web
- En el encabezado de un sitio va la versión horizontal sin tagline; el manual la indica para headers.
- El favicon y los avatares de redes usan solo el isotipo, con su área de protección.
- Títulos siempre en mayúsculas, en Kumbh Sans Bold, con la línea de acento en Marine Blue.
- Marine Blue sobre Deep Blue tiene un contraste de 4,15:1: úsalo solo en títulos grandes, nunca en texto corrido.
- El texto blanco no se usa sobre World Gold ni sobre Quimical Gray porque no alcanza el contraste mínimo.
- No se usan sombras ni degradados; la profundidad la aportan los bloques de color y los arcos, como en el manual.
Antes de publicar
Revisala pieza
- La versión del logotipo corresponde al fondo: claro, oscuro o corporativo.
- El logotipo respeta su tamaño mínimo y su área de protección.
- El logotipo no está estirado, girado, desalineado ni reescrito.
- Los colores salen de la paleta: Marine Blue, Deep Blue, Quimical Gray y World Gold.
- Todo el texto está en Kumbh Sans: Bold en títulos, Medium en lo secundario, Regular en el cuerpo.
- Los íconos son los del sistema y conservan el mismo estilo de línea.
- El patrón acompaña y no compite con el contenido principal.
- Los elementos esenciales quedan dentro de la zona segura del formato.
11 · Descargas
Recursosdescargables
Archivos para aplicar la marca en web, documentos e imprenta. Los archivos maestros editables (.ai) se solicitan a Quiroz Agencia.
Kit completo
Todo lo de esta página en un solo archivo: logotipos, íconos, patrones, favicon, tipografía, paleta, membrete, kit web y el manual en PDF.
Logotipos
12 versiones y 2 isotipos en SVG, PNG con fondo transparente y PDF vectorial, con una guía de uso.
SVGPNGPDF
Íconos
Los 12 íconos del sistema en Deep Blue, en SVG y PNG de 512 px.
SVGPNG
Patrones y texturas
Las 9 texturas de la lámina 15 en vector y en PNG de 2048 × 2048 px.
SVGPNG
Favicon e ícono para redes
Favicon, íconos de aplicación y avatares de 1080 px del isotipo sobre los tres fondos aprobados.
ICOSVGPNG
Tipografía Kumbh Sans
Fuente variable y estáticas Regular, Medium y Bold para Word y PowerPoint, con licencia OFL.
Paleta de color
Muestras para Illustrator, Photoshop e InDesign en RGB y CMYK, variables CSS y JSON.
ASECSSJSON
Membrete
Arte final de 22 × 28 cm para imprenta y plantilla de Word tamaño carta lista para escribir.
Kit web
Tokens de diseño, componentes CSS, sprite de íconos, fuente web y una página de ejemplo.
CSSJSONSVGWOFF2
Manual de identidad
El manual completo en PDF: las 25 láminas de 1920 × 1080 px.