Manual Digital de Marca

Kronos Homes

El logotipo de Kronos Homes se construye a partir del la tipografía Graphik en caja alta. «Kronos» en un peso mayor que «Homes». Por otro lado, la «K» principal de «Kronos» ha sido customizada para dotar de una personalidad única a la marca.

Versión Positiva
Versión Negativa
Versión Blanco sobre Morado
Versión en Gris
Versión Violeta

Versiones

Están permitidas dos versiones de logotipo: vertical y horizontal. Preferiblemente recomendamos el uso de la versión en horizontal.

Versión Horizontal
Versión Vertical

Construcción

La construcción del logotipo está basada en una retícula conformada por el espacio que ocupa la «K» customizada. Como referencia de interletrados tomaremos como medida el 80% de la «K» para separar elementos.

Construcción del Logotipo Horizontal
Construcción del Logotipo Vertical

Construcción de la K

El logo se construye a partir de la tipografía Graphik Medium, a partir de ese punto se configuró la letra K para dotarla de personalidad. En las siguientes imágenes se puede comparar el antes y el después de la configuración.

Área de Reserva y tamaños mínimos

Para el emplazamiento del logotipo se ha de respetar un área de reserva conformada por una «K» como medida respecto al área donde se disponga. Por otro lado, recomendamos que la aplicación del logotipo sobre soportes impresos no sea inferior a 30mm en su versión en horizontal y de 200px para aplicaciones digitales.

Área de Reserva

Tamaños mínimos

Tamaño mínimo de impresión
Tamaño mínimo digital

Colores del logotipo

Los colores permitidos para aplicar el logotipo son tres: Rich Black, Cold White y Blue Violet. Sus características y códigos de color se pueden apreciar a continuación:

Rich Black

Pantone:
Black 6 C

CMYK:
80, 70, 62, 89

RGB:
16, 16, 16

HEX:
#101010

Cold White

Pantone:
– – – – – – 

CMYK:
0, 0, 0, 0

RGB:
255, 255, 255

HEX:
#FFFFFF

Blue Violet

Pantone:
Violet C

CMYK:
80, 100, 10, 20

RGB:
47, 0, 103

HEX:
#2F0067

Cobranding

De cara a emplazar el logotipo acompañado de otras marcas del grupo o de partners para proyecto proponemos una separación entre logotipos de dos «K» separados por una fina línea entre ambas «K».

Construcción Cobranding Horizontal
Cobranding Horizontal
Construcción Cobranding Vertical
Construcción Cobranding Vertical

Emplazamiento

De cara a emplazar el logotipo sobre soportes, recomendamos que se atienda principalmente a la retícula de la que hablaremos en siguientes apartados. Estos emplazamientos pueden ir alineados a la izquierda o centrados. Para los emplazamientos en formatos verticales de portada, recomendamos que el logotipo se muestre con el ancho completo de la retícula. Para páginas interiores, la versión de dos secciones de ancho.

Emplazamiento esquina superior izquierda
Emplazamiento esquina superior izquierda. Guías
Emplazamiento central
Emplazamiento central. Guías
Emplazamiento central logo vertical
Emplazamiento central logo vertical. Guías
Emplazamiento esquina izquierda
Emplazamiento esquina izquierda. Guías

Sello

Nuestro sello es un activo muy característico que debemos cuidar. Puede usarse como representación de la marca en los momentos que se crea oportuno. Responde a un sello de calidad y a la vez a la impronta de calidad y aportación de valor que generamos en cada uno de nuestros proyectos.

Para aplicaciones digitales, se puede trabajar con degradados o en colores planos y para impresas, recomendamos que se le aplique un stamping dorado.

Versión Positiva
Versión Negativa
Versión Degradado

Colores del degradado

Gold Metallic

RGB:
220, 176, 0

HEX:
#DCB000

Gold Metallic 2

RGB:
157, 136, 0

HEX:
#9D8800

Degradado de color #1 a #2 con ángulo de 54%

Ángulos permitidos

Ángulos permitidos: -30º
Ángulos permitidos: 10º

Iconos sociales

Para cuando nuestro isotipo se emplaze en redes sociales se proponen tres versiones: la rectangular bordeada con el isotipo en positivo, forma redonda y dentro el isotipo positivo y una con forma redonda y nuestro isotipo negativo dentro. Para que destaque más éste último, se recomienda aplicarlo con un borde de 10 px blanco.

Aplicaciones

Ejemplos de aplicación en función de la red social.

Facebook
Twitter
Linkedin

Usos incorrectos

A continuación mostramos ejemplos sobre cómo no se debe de aplicar nuestro logotipo.

No estrechar el logo.

 

No utilizar diferentes pesos.
No aplicar otras fuentes

 

No cambiar el espaciado
No aplicar colores diferentes a la paleta
No modificar el propio logo

Paleta de colores

Hemos reinterpretado nuestros colores históricos con el afán de que estuviesen alineados a nuestros valores. Por ello, proponemos por un lado una paleta de colores primaria para elementos más comunes; y otra secundaria para aportar riqueza visual al sistema.

Paleta primaria

Para la paleta primaria debemos centrarnos en nuestro nuevo morado «Blue Violet» como elemento central. Como apoyo para elementos digitales que sean Call To Actions, recomendamos el uso del «Electric Purple» debido a que llama la atención al usuario. Finalmente, también utilizaremos el «Black Space» para su uso en fondos principalmente.

Blue Violet

Pantone:
Violet C

CMYK:
80, 100, 10, 20

RGB:
47, 0, 103

HEX:
#2F0067

Electric Purple

Pantone:
2089 C

CMYK:
No existe

RGB:
136, 0, 255

HEX:
#8800FF

Black Space

Pantone:
276 C

CMYK:
100, 93, 50, 70

RGB:
23, 8, 30

HEX:
#17081E

Paleta secundaria

La paleta de colores secundaria sirve para complementar y enriquecer posibilidades para los diferentes touchpoints de marca.

Gold Metallic

Pantone:
110 C

CMYK:
0, 20, 100, 8

RGB:
220, 176, 0

HEX:
#DCB000

Pink Lace

Pantone:
236 C

CMYK:
6, 36, 0, 0

RGB:
248, 199, 247

HEX:
#F8C7F7

Cold White

Pantone:
7532 C

CMYK:
39, 51, 66, 47

RGB:
101, 89, 68

HEX:
#655944

Paleta de grises

Usaremos la siguiente paleta de grises para cuando los soportes los requieran.

Rich Black

Pantone:
Black 6 C

CMYK:
80, 70, 62, 89

RGB:
16, 16, 16

HEX:
#101010

Black Storm

Pantone:
426 C

CMYK:
72, 63, 58, 73

RGB:
36, 39, 42

HEX:
#24272A

Soft Cloud

Pantone:
663 C

CMYK:
11, 7, 8, 0

RGB:
259, 225, 230

HEX:
#E5E1E6

Cold White

Pantone:
– – – – – – 

CMYK:
0, 0, 0, 0

RGB:
255, 255, 255

HEX:
#FFFFFF

Uso de degradados

El uso de degradados también está permitido en aplicaciones digitales para aportar dimensión al soporte de marca.

RGB:
220, 176, 0

HEX:
#DCB000

RGB:
157, 136, 0

HEX:
#9D8800

RGB:
60, 48, 66

HEX:
#3C3042

RGB:
23, 8, 30

HEX:
#17081E

Juego de opacidad

En algunas aplicaciones veremos como se aplica una masa de color blanco al 10% para dar un efecto de contraste frente al color de fondo. Principalmente estos colores de fondo serán los dos primeros mencionados en la paleta primaria:

Black Space

Pantone:
276 C

CMYK:
100, 93, 50, 70

RGB:
23, 8, 30

HEX:
#17081E

Blue Violet

Pantone:
Violet C

CMYK:
80, 100, 10, 20

RGB:
47, 0, 103

HEX:
#2F0067

Ejemplos

Ejemplo con Black Space
Ejemplo con Blue Violet

Combinaciones

De cara a combinar los colores, recomendamos inspirarnos en las siguientes proporciones de color tanto para fondos oscuros, como para fondos claros.

Fondos oscuros

Fondos claros

Domaine Display

Domaine Display es la versión para pantalla de la familia Domaine diseñada por el diseñador neozelandés Kris Sowersby en 2013. El tipo de letra tiene su origen en el logotipo que Sowersby diseñó para la empresa vinícola australiana Hardys. La versión para pantalla de Domaine es más extravagante que la versión de texto, con mayor contraste y terminales de gancho más prominentes. Domaine Display también contiene algunos caracteres alternativos únicos en la cursiva mayúscula, como la E y la F. La utilizaremos principalmente para titulares.

Nos valdremos de todos los pesos de la tipografía para creaar armonía en nuestros textos

Graphik

Graphik es un tipo de letra sin serifa diseñado por Christian Schwartz y publicado por Commercial Type en 2009. Schwartz diseñó originalmente Graphik para su propia identidad corporativa. La utilizaremos principalmente para el texto corrido.

Nos valdremos de todos los pesos de la tipografía para crear armonía en nuestros textos

Combinaciones

Ejemplo de combinación tipográfica en fondo claro
Ejemplo de combinación tipográfica en fondo oscuro

Retícula suiza

Para la disposición de los elementos de marca sobre sus touchpoints usaremos las retículas suizas de Josef Müller-Brockmann.

Retícula Vertical

Retícula Horizontal

Máscara - Recurso de la "K"

Utilizaremos cuando convenga una máscara conformada por la silueta derecha de nuestra «K» customizada.

Construcción

Sistema de animación

De cara a darle vida animada a la identidad visual debemos inspirarnos principalmente en el funcionamiento de un reloj, haciendo así un claro guiño al nombre matriz de la marca. Por ello, proponemos un sistema de animación donde los elementos de marca vayan apareciendo siguiendo la estela de las manecillas de un reloj tradicional.

Animación Cortinilla

Template de powerpoint

Kronos Homes cuenta con un template de powerpoint para poder crear una presentación corporativa que sea leal a todo este sistema de diseño hablado anteriormente

Firma de Mail

Para lograr una consistencia de marca en todos los aspectos es necesaria una firma de mail acorde a la identidad corporativa de Kronos.

Ejemplos de aplicación

Una vez explicadas todas las piezas que componen la nueva identidad visual de Kronos Homes, veamos cómo funciona todo junto.