Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se...

18
2020 Abril Casiraghi hermanos Manual de identidad corporativa 2020 Abril

Transcript of Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se...

Page 1: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

2020Abril

Casiraghi hermanos

Manual de identidad corporativa 2020Abril

Page 2: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Contenido

3 - Introducciòn

4 - Marca y Submarca

5-Casiraghi identidad

6-Espacio y proporción

7-Reducción

8-Variaciones de color

9-Usos inadecuados

10-Colores de fondo

11-Paleta de color

12-Tipografía

13-Patrones de textura

14-Aplicaciones sobre fotografía

15-Membretes A4

16-Tarjetas

Page 3: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Glosario

ISO Signo gráfico utilizado para identificar una marca,

es la parte visual, no incluye el nombre de la entidad.

Logotipo Signo gráfico que identifica a una empresa,

incluye nombre e imagen. Se lo conoce

coloquialmente como logo.

Área segura Espacio restrictivo al rededor de un

logotipo

Contra forma Se genera al invertir una forma, permite

comprobar su legibilidad

Pregnancia Posibilidad que tiene una imagen de

prevalecer en el recuerdo

Punto (pt) Unidad de medida estándar para tipografías,

también utilizado en líneas

HSV Modelo de color compuesto de: H Matiz permite

cambiar el color S saturación permite cambiar la

pureza o porcentaje de color V valor permite cambiar

la cantidad de blanco o negro en el color

Contraste Relación entre formas o colores donde una

de las partes se destaca.

Principio de simplicidad (Ley de Gestalt) Consiste en

reducir y dejar solo lo importante, esto ayuda al

recordar, puesto que recordamos mejor las formas

simples y elementales.

Ley de cierre (Ley de Gestalt) indica que un conjunto

de formas se suele percibir como un todo. El

espectador cierra llena los huecos de forma activa

Principio de simetría (Ley de Gestalt) Las imágenes

simétricas son percibidas como un solo elemento,

generando equilibrio.

Figuras primitivas Círculo, cuadrado, triángulo estas

formas elementales son usadas por nuestra mente de

manera comparativa, nos permiten identificar y

recordar de manera simple

Page 4: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Introducción

03

La identidad de marca es un activo primordial para la

identificación de todo producto y servicio.

Es un reflejo de los valores y principios de la entidad y

permite transmitirlos a los usuarios.

La calidad del producto y/o servicio se asocia

naturalmente a su estética, es una carta de

presentación y una constante que vincula la

experiencia e identidad. Nos permite perpetuar y

reforzar vínculos a largo plazo.

Esta actualización tiene como objetivo transmitir

actualidad, dinamismo, movimiento y a la vez

dedicación, compromiso y seriedad desde su look and

feel.

Vamos a definir como aplicar correctamente el

sistema visual para dar un mensaje unidireccional.

Page 5: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Marca y submarca

Sub-marca

04

Marca madre

Casiraghi hermanos

Page 6: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Casiraghi identidad

La morfología junta lo orgánico y geométrico, las "c"

son geométricas y el corte es orgánico. De esta forma

logramos unir conceptos como dinamismo (orgánico)

y responsabilidad (geométrico).

El ISO es simple, sintético, se mantiene dentro del

principio de simplicidad, todos los elementos son

necesarios, el color permite dirigir la atención de la

lectura, tiene un peso medio, contrarrestado por la

paleta y el corte, tiene rigidez en sus aristas pero

movimiento en sus ángulos, remite a varias formas

primitivas como el círculo el triángulo y el cuadrado,

esto lo coloca dentro de ley de pregnancia.

El logo es mas fácilmente recordado al remitir a

dichas figuras primitivas.

Esta dentro de la ley de cierre gracias al corte, esto

permite al espectador rellenar este espacio de forma

activa, haciéndolo participe.

Se rige por el principio de simetría que nos hace

percibir dos imágenes como iguales dando equilibrio,

en este caso simetría espejada.

05

Forma

formas primitivas

Ley de cierre

Contra Forma

El espacio que ocupa el ISO es cuadrado, su contra

forma es orgánica y nos permite ver claramente las 3

figuras primitivas (círculo, cuadrado, triángulo) Por su

construcción vemos como las 2 "C" entre si, se

equilibran y estructuran al ISO. La relación morfológica

con la actividad es el de bobinas de conformadora,

laminas de metal y herramientas industriales.

Casiraghi hermanos

Lineas Espacio

Page 7: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Espacio y proporción

Los espacios y construcción del logotipo están

cuidados para que tenga armonía y orden de lectura.

Para definir el espaciado se uso parte del iso como

medida. El área segura esta determinada por la

medida de una de las líneas rectas del iso. También

se emplea dicha medida como separación entre ISO

y Tipografía. La longitud de la tipografía es 3 veces el

ancho del ISO. Es indispensable que se respete en

todo momento el área segura para una correcta

lectura del logo. La dos versiones (hermanos y

express) mantienen las mismas proporciones y

espaciados.

Casiraghi hermanos

Casiraghi hermanos

06

Área segura

Área segura

Casiraghi hermanos

Casiraghi hermanos

Page 8: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Reducción

Casiraghi hermanos

Casiraghi hermanos

1 cm

0.22 mm

La reducción es indispensable para ciertas

aplicaciones donde tenemos que forzar el ISO a

distintas medidas. Es prioridad que el ISO se

mantenga legible sin importar su escala. Para el logo

completo o logotipo se determino como medida

mínima 1cm o 118.11px se recomienda no forzar

medidas inferiores y siempre mantenerse sobre el

valor mínimo. Para el ISO se determino como

medida mínima 0.22mm o 25.98px. Este tipo de

aplicaciones tan pequeñas suelen emplearse en

íconos de aplicaciones o grabados en objetos de

librería como lapiceras o borradores.

07

Page 9: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Variaciones de color

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Estas son las variantes de color de la marca madre.

Algunas de estas variantes solo son posibles si el

fondo es oscuro. Se respeta en todos los casos la

paleta de la marca. La versión en líneas soporta 2pt

(línea gruesa) o 1pt (línea fina), el punto es una unidad

de medida, menos o más puntos distorsionan el ISO.

2pt

1pt

08

Page 10: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Usos inadecuados

Casiraghi hermanos

Casiraghi hermanos Casiraghi

hermanos

Casiraghi hermanos

Casiraghi hermanos Casiraghi

hermanos

Casiraghi hermanos

Casiraghi hermanos

������������������

Casiraghi hermanos

express

Casiraghi hermanos

Casiraghi hermanos

No distorsionar ni escalar desproporcionalmente.

No modificar la tipografía.

No modificar la paleta fuera de lo prestablecido.

No utilizar sombras paralelas ni perspectiva.

No desalinear el iso con la tipografía.No modificar el orden del

iso y la tipografía.

No agregar textodentro de las áreas seguras.

No colocar enfondos que no generan contraste.

No superponer elementos al iso logotipo.

No modificar el interletrado.

No alterar partes del iso logotipo.

No rotar el iso logotipo.

09

Page 11: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Colores de fondo

Estos son algunos ejemplos de la correcta aplicación

del logo sobre distintos formatos. Los colores de

fondo determinan que versión de logo vamos a

emplear. Es aconsejable utilizar, siempre que sea

posible, la versión original del logo. En casos donde

el fondo este entre un 35 a 0 de valor o brillo (osea

gris oscuro/negro) se emplearan el modelo en gris o

blanco del logo.

En casos donde el color de fondo sea entre 75 a 100

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

10

de valor o brillo (osea gris claro/blanco) se emplearan

las versiones negro o gris, solo en el caso del fondo

blanco (valor 100) se emplea la original. Para esta

explicación se emplea como ejemplo el modelo HSV

de color (H matiz S saturación V valor) Si el color se

mantiene entre estos parámetros de valor se puede

alterar la saturación, el matiz debe siempre respetar el

verde y azul institucional.

En el caso de fotografías, se obscurece de forma

parcial siempre respetando el área de seguridad del

logo, también se puede realizar un retoque digital de la

fotografía para el adecuarla al logo.

En caso de texturas, deben ser suaves y geométricas,

corresponder a los colores y permitir una correcta

lectura. La versión en líneas blancas solo es posible con

un fondo solido y negro.

Page 12: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

#5DB225R095G178B037

Extras

Principales

#6F7072R111G112B114

#46B6AER070G182B174

#A69498R166G148B152

#3C3C3CR060G060B060

#CCCCCCR204G204B204

#A7FF4FR167G255B079

#1F2021R031G032B033

#80FFFFR128G255B255

Paleta de colores

El color es un elemento que permite identificar la

marca rápidamente.

Se mantuvo el color principal verde y de el se

desprendió el azul verdoso de la submarca. Los grises

poco saturados acompañan al color principal y en

conjunto mantienen un contraste equilibrado.

El color extra es brillo aditivo al color principal, estos

colores abren más posibilidades a la hora de generar

piezas de diseño, puesto que el color principal tiende a

intermedio-oscuro.

Los grises extra son las variantes que faltan en la paleta

principal, un gris casi negro y un gris casi blanco. En el

caso de utilizar modo de fusión existen limitaciones

respecto al fondo, en la mayoría de casos el fondo

debe ser blanco y negro.

El color verde se restringe al uso de marca y el celeste

a submarca.

La marca principal funciona mejor acompañada por

los grises oscuros y poco saturados.

11

Page 13: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

MUSEO SANS 500 MUSEO SANS 500 Italic

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

MUSEO SANS 100

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

MUSEO SANS 100 Italic

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

MUSEO SANS 700 MUSEO SANS 700 Italic

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

MUSEO SANS 900

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

MUSEO SANS 900 Italic

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890?¿!¡@&%$·/()=º

Tipografía

La tipografía es un tono de voz, es como

comunicamos, la forma en que nos dirigimos. La

tipografía Vag Rounded es de palo seco (sans serif) este

tipo de carácteres es ampliamente utilizado en logos.

Es "ligera" y de bordes redondeados (amigable) Es

simple, contemporánea y formal. Se empleo para

construir los logos con variaciones y ligaduras. Esta

tipografía no fue creada pensada en el alfabeto

español con lo cual no le vamos a dar uso, solo esta

presente en la construcción logo.

Para todos los usos tipográficos vamos a emplear

Museo sans, una tipografía similar pero sin las

restricciones en nuestro alfabeto. Es una letra ligera,

segura, simple y neutra.

Las variantes de Museo sans que vamos a utilizar son

100 | 300 | 500 | 700 | 900 con sus respectivas itálicas.

12

Page 14: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Estas son algunas texturas creadas a partir de

operaciones con el logo.

13

Patrones de textura

Page 15: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

14

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Aplicaciones sobre fotografía

Page 16: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

Casiraghi hermanos

Casiraghi hermanos

Casiraghi hermanos

Membretes A4

15

Page 17: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el

8 x 5cm

Tarjetas

16

Page 18: Casiraghi · 2020. 8. 23. · blanco (valor 100) se emplea la original. Para esta explicación se emplea como ejemplo el modelo HSV de color (H matiz S saturación V valor) Si el