Laurel Manual de Marca

Page 1

BRAND GUIDELINES


Contenidos Nuestra Marca

Aspecto y Tacto

1.1 Acerca de Laurel

3.1 Paleta de colores

1.3 Audiencia

3.3 Jerarquía tipográfica

1.2 Nuestros valores 1.4 Narrativa de marca 1.5 Tono de voz

3.2 Tipografía

3.4 Estilo de imagen

Identidad Visual

Aplicacion de Marca

2.1 Logo primario

4.1 Aplicaciones de marca

2.2 Variaciones de logo

2.3 Area de aislamiento

2.4 Tamaño mínimo de logo

2.5 Usos incorrectos del logo

4.2 Redes sociales


Contenidos | Nuestra Marca | Identidad Visual | Mira | Aplicaciones

Introducción

Este documento brinda al usuario pautas claras sobre cómo usar correctamente los elementos de identidad de LAUREL, incluidos el logotipo, la tipografía, el color, los elementos visuales y las imágenes. El contenido de este documento es la manifestación de una visión de comunicaciones coherentes y de alta calidad en todas las actividades de nuestra empresa. Como documento vivo, el contenido en él continuará evolucionando y cambiando con el tiempo. Definición de marca Una Marca es la percepción y reputación que nosotros como empresa creamos en la mente de las personas. Una identidad de marca es una colección de partes visuales que nos ayudan a comunicar e identificar la personalidad distintiva de LAUREL. Este documento es un conjunto de pautas que nos ayudan a mantener la coherencia cuando usamos nuestra marca en todos los canales de comunicación.

3


1.0

Nuestra Marca Las siguientes páginas describen los atributos esenciales de nuestra marca. Es decir, lo que representamos, lo que nos diferencia de nuestros competidores y lo que prometemos ofrecer.


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

1.1 Acerca de Laurel

LAUREL es una Plataforma móvil que permite manejar las ordenes de un restaurante, incluyendo todos los procesos desde la toma de órdenes en la mesa hasta la facturación y cierre de la misma, incluyendo la toma la orden, generación de comandas, manejo en el pedido - in place, takeway y delivery - promociones y descuentos, control de propinas, facturación fiscal, historial de pedidos y manejo de catálogo dinámico. Nuestra misión es: • •

Ofrecer una solución de fácil uso tanto para meseros como administradores para tener el control de su restaurante en la palma de su mano. Con información al instante, sencillez y rapidez, costo de adquisición bajo, apropiación rápida e implementación fácil le estamos quitando una preocupación al dueño de restaurante.

Los valores de nuestro producto son: • • • •

Fácil uso Eficiencia Alto conocimiento técnico Eficacia

5


VISION En 2026 Laurel será la aplicación de manejo de restaurantes más utilizada en latinoamérica.


7

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

1.2. Nuestros Valores

Nuestros valores de marca incluyen: • • • •

Trabajo en equipo Pasión por el análisis de datos La mejora cotinua de nuestras ofertas de servicios Ofrecemos un servicio al cliente de 360 grados, ofreciendo calidad y excelencia en el servicio durante todo el customer journey.

Laurel da libertad al dueño de restaurante e ubiquidad, ofreciendo un control absoluto del negocio sin importar donde se encuentre.

Trabajo

en equipo

Pasión por el analisis de datos

Customer centric

Mejora

continua


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

1.3 Nuestra audiencia Nuestra audience incluye: • • •

Dueños de restaurantes Pequeñas y medianas empresas Millenials, emprendedores, amantes de la tecnología que creen en la automatización, quieren mejorar el customer journey, saben que lo necesitan para generar más ingresos y sirve de apoyo para sus colaboradores

8


9

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

1.4 Narrativa de marca Nuestro mensajes se centran en: - Dar paz y tranquilidad a los dueños de restaurantes para que puedan dedicar su tiempo a lo importante en su vida: su familia, que puedan viajar, sentirse que no dependen de estar allí en su negocio.

Siempre con tu

restaurante

- Comunicar la disposicion de adquirir más tiempo para dedicarse a lo importante de su negocio (el misional) en vez de gastar tiempo en cierres y/o en digitalizar todo lo que apuntan manualmente. - Comunicar la disponibilidad del dueño del restaurante a tener la información de su negocio siempre en línea, pudiendo tomar acciones inmediatas cuando vea situaciones o errores por mejorar.

Anywhere and

everywhere Siempre en tu

cabeza


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

10

1.5 Tono de voz

El lenguaje es una parte esencial de nuestra identidad y por tanto, utilizar mensajes de manera efectiva nos permitirá ser percibidos de modo que nos diferencie de nuestros competidores.

Sencillo

Innovador

Claro

Cercano

Dinámico

Honesto

El “tono de voz” de nuestra marca es sencillo, innovador, claro, cercano, dinámico y honesto. A lo largo de este documento se muestran ejemplos del tipo de mensajes que utilizamos para communicar el posicionamiento de nuestra marca y cómo nos diferenciamos de nuestros competidores.


2.0

Identidad Visual Nuestro posicionamiento y sistema visual se compone de una serie de elementos que han sido diseñados para enfatizar los valores de nuestra marca: conectividad, multiplataforma, eficiencia y eficacia.


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

12

2.1 Logo Principal

Nuestro logotipo es un activo valioso. Usado de manera consistente y correcta, se convertirá en el símbolo que representa lo que representamos. Nuestro logotipo es, de hecho, una serie de logotipos que se pueden utilizar en una amplia gama de aplicaciones. Para proteger la integridad del conjunto de logotipos de LAUREL, es importante seguir estrictamente estas pautas. Las siguientes páginas proporcionan las herramientas que necesitará para usar nuestro logotipo correctamente en todas las aplicaciones. Utilice solo archivos de ilustraciones originales aprobados oficialmente. Todos los logotipos dentro del conjunto de logotipos están diseñados para usarse tanto para aplicaciones impresas como en línea. 01 Logotipo principal: en esta página se muestra la versión principal de la marca Laurel. Siempre que sea posible, este es el logotipo preferido para representar nuestra marca.

01


13

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

2.1 Logo Principal

Variaciones primarias del logotipo; Inverso blanco y negro

02

Hay dos variaciones de logotipo de nuestro logotipo principal. Estos incluyen versiónes inversas en blanco y negro. 02. Negro inverso vertical primario 03. Blanco inverso vertical primario Estas variaciones deben usarse cuando las versiónes a todo color del logotipo no son adecuadas para el medio o no son apropiadas como una opción de diseño preferida.

03


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

14

2.2 Variaciones de logo

Logo Variation Horizontal Contamos con una variación de logotipo horizontal para cubrir la amplia gama de aplicaciones disponibles. Estos incluyen una versión horizontal a todo color y versiónes inversas en blanco y en negro. 01. Secundario horizontal en color 02. Negro inverso 03. Blanco inverso Estas variaciones deben usarse cuando las versiónes primarias del logotipo no son adecuadas para el medio o no son apropiadas como una opción de diseño preferida.

01

02

03


15

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

2.2 Variaciones de logo

Versión tipográfica La versión tipográfica de nuestro logo se puede usar cuando usamos al mismo tiempo otros elementos gráficos que brindan suficiente contexto para que nuestra marca sea reconocida.

01

02

Esta versión está disponible en: 01. Logotipo a todo color 02. Logotipo inverso negro 03. Logotipo inverso blanco

03


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

16

2.2 Variaciones de logo

Variación de logotipo símbolo El símbolo está disponible en: 01. Color 02. Inverso negro 03. Inverso blanco

01

El símbolo se utiliza principalmente como favicon para nuestro sitio web, como imágen de perfil de las redes sociales, como filigrana y como elemento de diseño principal de nuestra marca.

02

Consulte los ejemplos de aplicación de marca en este documento para obtener algunas ideas sobre cómo se puede aplicar la marca a varios diseños para reforzar la identidad visual de nuestra marca.

03


17

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

2.3 Área de aislamiento

Área de aislamiento del logotipo El área de aislamiento denota el espacio alrededor del logotipo en el que no deben invadir otros tipos o elementos gráficos.

01

Este espacio debe ser la cantidad mínima que rodea al logotipo. El área de aislamiento es la altura de la marca. Esta altura se muestra como 'X' en el diagrama de la derecha y equivale al tamaño del símbolo en nuestro logo.

02


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

18

2.4 Tamaño mínimo del logotipo

Tamaño Mínimo Se ha especificado un tamaño mínimo para el logotipo de LAUREL para garantizar su legibilidad en todo momento. El tamaño mínimo se define en función del ancho del conjunto del logotipo. No debe ser inferior a 15mm en la versión vertical y 25mm en la versión horizontal.

15mm

25mm


19

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

2.5 Usos incorrecto del logotipo

Uso incorrecto del logotipo La aplicación del logotipo debe tener en cuenta

01

02

03

04

05

06

su legibilidad y asegurarse de que el logotipo se utilice en su forma original. Los siguientes son algunos ejemplos de los errores mas comunes y que NO se debe hacer con el logotipo: 01. No rotar el logo 02. No distorsionar el logo

laurel

03. No agregar sombras u otros efectos 04. No aplicar transparencia 05. No utilizar diferentes fuentes para el nombre del logo 06. No colocar el logo en fondos que afecten su legibilidad 07. No añadir elementos al logo 08. No agregar degradados 09. No alterar los colores

07

08

09


3.0

Aspecto & Tacto El look de LAUREL lo componen todos los elementos gráficos que se utilizan en las comunicaciones de la marca. Estos elementos se utilizan de forma independiente y en conjunto entre sí.


#006103 #00230E

#4F6045

Colores

PRIMARIOS

Laurel Verde

Verde Oscuro

Verde Hoja


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

22

3.1 Paleta de colores

Colores Primarios Los colores en nuestra paleta cromatica reflejan nuestra personalidad y los valores de nuestra marca.

C 66% M 44% Y 75% K 31% R 79 G 96 B 69 HEX 4F6045

40%

80%

Verde laurel

C 80% M 54% Y 79% K 76%

Tints

HEX 00230E

40%

R 0 G 35 B 14

60%

C 88% M 35% Y 100% K 31%

Tints

HEX 006103

40%

R 0 G 97 B 3

Verde hoja

20%

80%

Verde oscuro

Nuestros colores principales son el Verde Laurel y el verde oscuro. Usamos el tono Verde hoja para resaltar texto y contenido en nuestras comunicaciones.

20%

60%

Nos mueve la tecnología, los resultados, la excelencia en el servicio y la calidad de nuestros productos. Somos dignos de confianza, accesibles, acogedores, honestos y agradecidos.

Tints

20%

60%

80%


#121212

#B8B5AB

#9CAB4C #36B4C1

#3D3F58

#B0695A Colores

SECUNDARIOS red rock

eggplant

acqua

pistachio

silver

black


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

24

3.1 Paleta de colores

Colores Secundarios

C 26% M 65% Y 63% K 9%

Tints

Nuestra marca cuenta con una arquitectura de colores que representa cada uno de las funciones que ofrece nuestra aplicacion movil.

HEX B0695A

40%

R 176 G 105 B 90

60%

80%

Red Rock

C 70% M 6% Y 25% K 0%

Tints

HEX 36B4C1

40%

R 54 G 180 B 193

20%

60%

80%

Acqua

C 29% M 24% Y 31% K 0%

Tints

HEX B8B5AB

40%

R 184 G 181 B 171

Silver

20%

20%

60%

80%


25

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

3.1 Paleta de colores

Colores Secundarios Contamos con un conjunto de colores de apoyo para representar las funciones que ofrece nuestra aplicación móvil. Consulte la sección de identidad visual en este manual para ver ejemplos de cómo se aplican estos colores para nuestra marca.

C 79% M 73% Y 42%% K 32%

Tints

HEX 3D3F58

40%

R 61 G 63 B 88

60%

80%

Eggplant

C 44% M 20% Y 89% K 1%

Tints

HEX 9CAB4C

40%

R 156 G 171 B 76

20%

60%

80%

Pistachio

C 0% M 0% Y 0% K 93%

Tints

HEX 121212

40%

R 18 G 18 B 18

Black

20%

20%

60%

80%


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

26

3.2 Tipografía

Nuestra fuente principal es Poppins. Usamos la fuente Poppins para títulos de alto nivel jerárquico, por ejemplo, en diseños web o de marketing colateral. También usamos Poppins en un tamaño de fuente más pequeño (por ejemplo, 9 pt) para enfatizar texto y para menciones especiales. Nuestra fuente secundaria es Libre Franklin. Libre Franklin es el tipo de fuente que se utilizará para acompañar los titulares utilizando Poppins. Libre Franklin también se puede utilizar para encabezados de jerarquía de nivel inferior (por ejemplo, h4, h5). Libre Franklin se utiliza para el cuerpo del texto. Consulte la sección Jerarquía tipográfica para obtener una guía de referencia sobre cómo usar ambos tipos de letra.

Fuente Primaria

Fuente Secundaria

Aa Aa Poppins

Regular

ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Itálica

ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Negrita

ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Libre Franklin

Regular ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Media ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Negrita ABCDEFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

3.3 Jerarquía tipográfica

La siguiente es la jerarquía tipográfica ideal para nuestras comunicaciones de marca

H1 Poppins Negrita, 36-44pt

H2 Poppins Media, 26-32pt H3 Libre Franklin Media, 18-22pt Body Copy Libre Franklin Regular, 14-16pt

Laurel crece y se adapta a las necesidades de tu negocioin one place Personalizado, flexible, sin limites! Laurel crece contigo, adaptandose con soluciones personalizadas a tus necesidades de hoy. Laurel se adapta a tu estilo de gestion, moviendose contigo y estando a tu disponibilidad desde cualquier dispositivo movil, asi como desde cualquier lugar, 24/7 y 365 dias al año.

27


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

3.4 Estilo de imágen

Nuestra fotografía muestra el uso de nuestra aplicación móvil, sus diferentes características y como se representa en el entorno de restaurantes. En esta página, puede encontrar algunas imágenes que marcan la pauta para el estilo de imágen de nuestra marca.

28


4.0

Aplicaciones

Las siguientes páginas muestran algunas de las aplicaciones de los elementos centrales de nuestra marca y cómo funcionan en conjunto para comunicarse con nuestra audiencia.


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

30

4.1 Ejemplos de aplicación de marca

Los ejemplos de esta página muestran cómo los elementos clave de nuestra marca trabajan juntos para comunicarse con nuestra audiencia.

01 ABOUT

F E AT U R E S

PRICING

RESOURCES

C O N TA C T

Personalizado, flexible, sin limites!

Laurel crece y se adapta a las necesidades de tu negocio

01. Website 02. Online banner

Laurel crece contigo, adaptandose con soluciones personalizadas a tus necesidades de hoy. Y te ofrece servicios para adelantarte a las oportunidades del futuro.

dime mas

02

Multiplataforma, desde cualquier lugar!

Laurel se mueve contigo en cualquier dispositivo, desde cualquier lugar Laurel se adapta a tu estilo de gestion, moviendose contigo y estando a tu disponibilidad desde cualquier dispositivo movil, asi como desde cualquier lugar, 24/7 y 365 dias al año.

solicita demo


31

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

4.1 Ejemplos de aplicación de marca

Los ejemplos en esta pagina muestran como los elementos de nuestra identidad visual se utilizan de una manera conjunta para comunicar mensajes a nuestra audiencia. 03. Disposicion de informacion 04. Botones 05. Carta grafica 06. Gráfico de conectividad/ integración

Que nos hace diferentes?

03

04

dime mas dime mas

resultados

diversificacion

satisfaccion

ahorro

Laurel se mueve contigo en cualquier dispositivo, desde cualquier lugar

Laurel se mueve contigo en cualquier dispositivo, desde cualquier lugar

Laurel se mueve contigo en cualquier dispositivo, desde cualquier lugar

Laurel se mueve contigo en cualquier dispositivo, desde cualquier lugar

05

06 team management

delivery management menu management

order manager menu management

dime mas


Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

32

4.1 Ejemplos de aplicación de marca

Los ejemplos en esta pagina muestran como los elementos de nuestra identidad visual se utilizan de una manera conjunta para comunicar mensajes a nuestra audiencia.

07

08

07. Circulos 08. Simbolo encapsulado 09. Características móviles

09 DELIVERIES

TO DO

ORDERS

TEAM

STOCK


33

Contenidos | Nuestra Marca | Identidad Visual | Aspecto & Tacto | Aplicaciones

4.2 Redes Sociales

Las siguientes son las imagenes/banners de redes sociales que usamos para Facebook, Twitter, LinkedIn y YouTube. 01. Facebook 02. Twitter 03. LinkedIn 04. YouTube 05. Interactive/Video Banner Tenemos una versión animada de nuestros banners para usar en marketing digital donde sea necesario.

02

03

04

01

05



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.