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.
Manual Digital de Marca
Kronos Homes
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.
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º
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.
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.