Identidad Hado

Page 1

Manual de marca

Índice
Iden id d visu l M rca Logotipo Isotipo Marca gráfica Construcción gráfica Zona de protección Reducción mínima Usos incorrectos
0.
Tipografía
Tipografía secundaria 1.1 1.2 1.3 1.4 1.5 1.6 1.7 2.1 2.2 4 10 12 14 15 16 8 9 20 21
2. Tipogr ía
corporativa

3. Paleta de color Colores principales Colores secundarios Gradientes Proporciones Contrastes

4. Recursos gráficos Formas Combinación de formas Uso fotográfico

5. Aplicación a piezas Tarjeta personal

6. Redes sociales

Instagram feed Instagram historia Facebook header Facebook muro Linkedin header twitter header 6.1 6.2 6.3 6.4 6.5 6.6
3.1 3.2 3.3 3.4 3.5 4.1 4.2 4.3 5.1 42 44 46 50 52 54 24 25 26 27 28 32 33 35 38

Identidad visual

Manual de marca

Una empresa proyecta su imagen, tanto hacia el exterior como hacia las personas que la integran, en la forma en la que se comunica. El estilo, la coherencia formal, la constancia en las comunicaciones de una compañía definen, en último término, su personalidad, la identidad corporativa que hace identificable a una empresa entre el universo de empresas y servicios del mercado.

En este manual se establecen los lineamientos básicos para el uso e implementación de los elementos gráficos de la marca “HADO”.

Debidamente aplicado, este manual asegura la consecución de una imagen homogénea, atractiva y fácilmente identificable, a la vez que optimiza la eficacia de sus comunicaciones.

Identidad
Hado 5.
visual
Marca 1.

Esta página reproduce la marca en su color corporativo, con el que deberá ser representada siempre que sea posible hacerlo.

Identidad visual Marca 8.
1.1 Logotipo
Identidad visual Marca 9. Isotipo 1.2

1.3 Marca gráfica

Versión en negativo | colores principales

Versión en negativo | colores secundarios

Versión en positivo | colores principales

Versión en positivo | colores secundarios

Versión en blanco y negro

10.
Identidad visual Marca

Versión en negativo | colores principales

Versión en negativo | degradé

Versión en positivo | colores principales

Versión en positivo | degradé

Versión en blanco y negro

Identidad visual Marca 11.
Identidad visual Marca 12.
1.4 Construcción gráfica
Identidad visual Marca 13. x 30 px 13 x 6 x

1.5 Zona de protección

Para asegurar la legibilidad de la marca y su independencia frente a otros elementos que puedan compartir su espacio visual, presentamos en esta página los márgenes mínimos de la zona de protección.

x 30 px 60 px 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 x
Identidad visual Marca 14.

Reducción mínima 1.6

Identidad visual Marca 15.
Para tamaños menores a 100 x 47 px utilizar el isotipo.
13
390
100 x 47 px
x 27 px
x 181 px

Usos incorrectos

Usar colores fuera de la paleta de color.

Aplicar sobre imágenes con bajo contraste.

Es fundamental considerar el contraste cuando se coloca el logotipo sobre cualquier fondo. El logotipo no solo debe ser legible, debe tener una presencia fuerte y clara cuando se usa. Si no hay suficiente contraste entre el fondo y el logotipo, la presencia del mismo se ve debilitada.

1.7
x Identidad visual Marca 16.

Alterar la proporción de alto y ancho.

Hacer combinaciones de colores.

La marca debe reproducirse siempre siguiendo los estándares corporativos en este manual. En este sentido, no se podrán alterar nunca los colores indicados ni las proporciones.

Identidad visual Marca 17.
x x

2. Tipografía

2.1 Tipografía corporativa

Dongle Light

Dongle Regular

Dongle

Dongle es una tip ografía geométrica, de p erfiles suaves y curvos, diseño mo derno y gran legibilidad.

La tipografía corporativa asociada a la marca es Dongle aplicada en todas sus variables para títulos y destacados.

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9
Dongle Bold
Identidad visual Marca 20.

Poppins Light

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9

Poppins Medium

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9

Poppins SemiBold

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

1 2 3 4 5 6 7 8 9

Poppins Bold

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z

A B C D E F G H I J K L M Ñ O P Q R S T U V W X Y Z 1 2

La tipografía secundaria asociada a la marca es Poppins aplicada en todas sus variables para textos largos y uso web.

Dongle es una tipografía geométrica, de perfiles suaves y curvos, diseño moderno y gran legibilidad.

Identidad visual Tipografía

Tipografía
secundaria 2.2
21.
3 4 5 6 7 8 9

3. Paleta de color

3.1 Colores corporativos principales

Identidad visual Paleta de color

Violeta Violeta Naranja 60 60 60 100 100 100 120 120 120 40 40 40 #9F5EFF #BC94EF #FFB198 #914EF5 #A165ED #FF9573 80 80 80 #793ED0 #8729FF #FF7245 #6A36B7 #6C67FF #FF511A #5D30A0 #690FDA #FF3D00 140 140 140 #46237A #5710B1 #E03600 160 160 160 #2D1157 #3D0387 #B92C00 Violeta 140 Violeta 100 Naranja 100 #46237A #5B55FF #FF511A
24.

Colores corporativos secundarios 3.2

El color es un componente fundamental de la identidad visual de una marca y contribuye de manera esencial a sistematizar sus comunicaciones.

Los colores secundarios se utilizarán para acentos visuales y complemento de los colores principales. Nunca serán utilizados como colores protagonistas.

Identidad visual Paleta de color

Celeste Amarillo 60 60 100 100 120 120 40 40 #B3EDFA #FFE176 #98E9FB #FFDC5F 80 80 #76E2FA #FFD335 #6C67FF #FFCA0D #3ADBFF #FFC700 140 140 #20D2FA #EDB900 160 160 #00C4EF #E1B000
25.
Amarillo 100 Celeste 100
#FFCA0D #6C67FF

3.3 Combinación de colores gradientes

Los gradientes ayudan a crear profundidad visual y enriquecer la paleta de color. Se utilizarán en las combinaciones de colores que figuran en este apartado, aplicando a fondos y formas geométricas. Los gradientes no se aplican en textos.

Identidad visual Paleta de color

#5B55FF #46237A #5B55FF #6C67FF #FF511A #FFCA0D #5B55FF #6C67FF
26.

Combinación de colores porcentajes 3.4

Combinaciones principales

Identidad visual Paleta de color 27.

3.5 Combinación de colores contrastes

Paletas de contraste bajo

Paletas de contraste medio

Paletas de contraste alto

Otras combinaciones posibles

28.
Identidad visual Paleta de color

4. Recursos gráficos

4.1 Formas

Para crear el universo visual de Hado se tomaron las formas que estructuran el logotipo.

Identidad visual Recursos gráfico

32.

Las formas se combinan para crear un universo flexible, de figuras que se integran, encastran y fluyen.

Combinación de formas 4.2

Identidad visual Recursos gráficos

33.

4.2 Combinación de formas

Los gradientes se utilizan en los fondos y las formas creando configuraciones distintas y tejidos interconectados.

Identidad visual Recursos gráfico

34.

Intervención gráfica en fotos de bajo contraste.

Uso fotográfico 4.3

Intervención gráfica en fotos recortadas.

Texturas, patrones o planos detalle con filtro color violeta.

Identidad
35.
visual Recursos gráficos

5. Aplicación a piezas

visual Aplicación a piezas 38.
5.1 Tarjeta personal Identidad
& CTO pparodi@hireadevops.io +5493517430077
Pablo Parodi Founder

molivera@hireadevops.io

+5493516890573

Tarjeta personal 5.1

Identidad visual Aplicación a piezas 39.
Manuel Olivera Sales Manager

6. Redes sociales

WHY MIGRATE TO THE CLOUD?

Hire a DevOps Hire a DevOps

What is the that has news AWS mentioned for 2023?

? x

What is a multi-server environment

What is the best strategy to to the cloud? migrate

Identidad visual Redes sociales

6.1
Instagram feed
42.

why to migrate to the cloud?

What is a multi-server environment

We manage all of the DevOps tasks on your behalf.

Identidad visual Redes sociales

6.2
44.
Instagram historia
?
Hire a DevOps Hire a DevOps Hire a DevOps Hire a DevOps

Hire a DevOps

6.3
46.
Facebook header
Identidad visual Redes sociales
WHY MIGRATE TO THE CLOUD? x What is the best strategy to to the cloud? migrate Facebook muro 6.6 WHY MIGRATE TO THE CLOUD? WHY MIGRATE TO THE CLOUD? Hire a DevOps Hire a DevOps What is the that has news AWS mentioned for 2023? What is a multi-server environment strategy to to the migrate Hire a DevOps

Hire a DevOps

Identidad visual Redes sociales

48.
Hire a DevOps

Twitter header 6.6

Hire a DevOps

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.