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