alico-brandbook
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Brandbook<br />
Alico<br />
GUÍA DE MARCA GRÁFICA
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Introducción<br />
El presente documento tiene como objetivo dar<br />
las directrices para el correcto uso de la identidad<br />
gráfica de Alico. Lo que aquí se muestra<br />
debe tomarse como una guía que potencie la<br />
expresión visual de la marca, por ello debe revisarse<br />
cada cierto tiempo para ir actualizando la<br />
información de acuerdo a las nuevas necesidades<br />
de comunicación o requerimientos técnicos<br />
que se vayan presentando.<br />
Es imposible contemplar cada una de las situaciones<br />
que pueden presentarse diariamente en<br />
el diseño de las piezas visuales, es por ello que<br />
se recomienda la asesoría y acompañamiento<br />
de conocedores de la comunicación visual y el<br />
diseño gráfico para resolver nuevos requerimientos<br />
para lograr una imagen coherente, base<br />
de la gestión de marca (branding).<br />
02
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Contenido<br />
Conceptos de marca 4<br />
Logotipo e inicial 11<br />
Color y su uso 21<br />
Usos incorrectos 30<br />
Tipografía 32<br />
Rejilla de diagramación 38<br />
Fotografía 45<br />
Repites para superficies 46<br />
Ejemplos de aplicación 54<br />
Recomendaciones para digital 58<br />
03
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Conceptos<br />
de marca<br />
04
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
«PROPÓSITO DE TRANSFORMACIÓN MASIVA (MTP) ALICO<br />
Impulsar el<br />
progreso de nuestra<br />
sociedad con un<br />
liderazgo consciente<br />
»<br />
05
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
Misión<br />
Somos una empresa<br />
reconocida en soluciones<br />
integrales en empaques,<br />
donde nos caracterizamos<br />
por nuestro excelente servicio,<br />
prácticas innovadoras y altos<br />
estándares de calidad en<br />
todos los niveles de nuestra<br />
organización<br />
Generamos rentabilidad para<br />
nuestros accionistas y<br />
satisfacemos a nuestros<br />
clientes mediante el uso de<br />
tecnología apropiada, nuevos<br />
desarrollos, confiabilidad,<br />
oportunidad y mejora continua.<br />
Estamos comprometidos con<br />
la sostenibilidad ambiental,<br />
económica y social ofreciendo<br />
oportunidades de desarrollo a<br />
nuestro equipo humano con<br />
sólidos principios y valores<br />
corporativos.<br />
Visión<br />
Consolidarnos como la mejor solución en<br />
servicio, calidad e innovación en la fabricación<br />
y comercialización de empaques<br />
especializados, y ser reconocidos como una de<br />
las mejores empresas en Latinoamérica.<br />
Continuaremos desarrollando estrategias<br />
sostenibles que nos permitan lograr el<br />
equilibrio económico, ambiental y social, y ser<br />
un referente como lugar de trabajo ideal.<br />
06
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
Valores Alico<br />
La HONESTIDAD: es comportarse de manera íntegra<br />
y transparente consigo mismo y con los<br />
demás, con lo que decimos y con aquello que<br />
hacemos, con los principios y acuerdos. El ser<br />
honesto nos exige coraje para decir siempre la<br />
verdad y obrar en forma recta y clara.<br />
La RESPONSABILIDAD: es la consciencia acerca<br />
de las consecuencias que tiene todo lo que hacemos<br />
o dejamos de hacer. Debemos ser responsables<br />
con nuestras acciones, decisiones,<br />
actitudes yaptitudes, con la vida, la palabra hablada<br />
yescrita, con quien amamos y nos ama,<br />
con el presente y el futuro, con lo que aprendemos<br />
y enseñamos cada día.<br />
El SERVICIO: enmarca y trasciende la SOLIDARI-<br />
DAD, es la actitud de comprender la situación<br />
del otro y la capacidad de actuar por su bienestar,<br />
a través de actos que demuestran el saber<br />
dar y entregarse a los demás, ya sea en acciones<br />
del trabajo, con la familia, los amigos o la comunidad<br />
en general, siempre actuando de manera<br />
amable, con total disponibilidad y desinterés,<br />
demostrando el compromiso con sí mismo y<br />
con el otro.<br />
El RESPETO: es la base fundamental para una<br />
convivencia sana y pacífica, abarca todas las esferas<br />
de la vida, empezando por el respeto a nosotros<br />
mismos y a nuestros semejantes. El<br />
respeto se refleja en la manera en que aceptas<br />
al otro como un ser único e irrepetible.<br />
La CONFIANZA: comienza por ti mismo, consiste<br />
en la seguridad plena que se tiene de una<br />
persona, por la relación de amistad o la labor<br />
que desempeña. En Alico confiamos en el potencial<br />
del hombre, en nosotros, en el futuro, en<br />
la empresa, en la familia, en lo que creemos, lo<br />
que hacemos, lo que construimos, generamos<br />
e inspiramos.<br />
La LEALTAD: exige un alto sentido de compromiso<br />
y te lleva a cumplir siempre con tu palabra,<br />
con tu familia, con tus compañeros de trabajo<br />
y con tu empresa.<br />
07
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
En Alico creemos_<br />
_en el bienestar de los colaboradores como<br />
base de los resultados.<br />
_en la autenticidad y flexibilidad de las personas<br />
para permitirles ser y hacer.<br />
_en los ambientes agradables que potencian la<br />
dinámica y el desarrollo entre las personas.<br />
_en la innovación como herramienta principal<br />
para mantenernos vigentes y agregar valor a<br />
los procesos.<br />
_en la cordialidad como un valor que genera<br />
lazos de confianza y cercanía entre todos, convirtiendo<br />
nuestro entorno en un lugar acogedor<br />
y amistoso.<br />
_en la excelencia que se forja día tras día, y<br />
constantemente nos desafiamos a nosotros<br />
mismos para mejorar en todo lo que hacemos.<br />
_en la creatividad para potenciar habilidades y<br />
evolucionar en equipo.<br />
_en la agilidad y concentramos nuestros esfuerzos<br />
en lo que es importante para ser objetivos<br />
y eficientes.<br />
_en la pasión como motor para hacer las cosas<br />
con el corazón.<br />
_en potenciar habilidades individuales para<br />
impulsar el crecimiento profesional y personal.<br />
_en el amor por el trabajo como la mejor<br />
manera de generar oportunidades.<br />
07
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
Objetivo SMART<br />
Specific (Específico) - Medible - Alcanzable - Relevante - Tiempo límite<br />
Posicionar a Alico como una marca sostenible, innovadora y<br />
cercana en el mercado latinoamericano de empaques para el<br />
año 2026, aumentando su presencia y reconocimiento a través<br />
de una estrategia de comunicación unificada e integral que<br />
incluya la especialización de canales en el mercado, el<br />
desarrollo de indicadores de percepción y la generación de<br />
alianzas específicas para cada público de interés.<br />
X-factor<br />
Flexibilidad<br />
Alico es una empresa que se destaca en el<br />
mercado por su flexibilidad, ya que se<br />
adapta a las necesidades individuales de<br />
cada cliente al ofrecer una amplia<br />
variedad de opciones de empaques y<br />
ajustar los procesos y la producción para<br />
brindar un servicio personalizado.<br />
08
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
CONCEPTOS DE MARCA<br />
PROPUESTA DE VALOR ALICO<br />
«Alico ofrece soluciones de<br />
empaque especializadas y<br />
personalizadas para una amplia<br />
variedad de clientes. En un<br />
ambiente servicial, cercano y con<br />
voz experta e innovadora. Alico<br />
ayuda a sus clientes a sentirse<br />
confiados, reconocidos y<br />
»<br />
seguros para tomar decisiones<br />
informadas en sus negocios.<br />
10
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Logotipo e<br />
inicial<br />
11
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO Y MONOGRAMA<br />
Logotipo<br />
La palabra «Alico» está compuesta en letras minúsculas,<br />
hechas a la medida basada en geometría<br />
cuadrangular.<br />
El logotipo tiene dos rasgos característicos, la<br />
letra «a» que no es cerrada y la inclinación de las<br />
letras que transmite movimiento, dinamismo.<br />
Las letras tienen una connotación técnica por<br />
su contrucción basada en rectángulos que contrasta<br />
muy bien con sus esquinas redondeadas.<br />
Inclinación 9°<br />
Las letras inclinadas en diseño tipográfico tiene<br />
una inclinación que va entre 8 y 12 grados, en el<br />
caso del logotipo se usa una inclinación de 9<br />
grados que da estabilidad sin perder el movimiento<br />
y dinamismo de las letras inclinadas.<br />
9°<br />
81°<br />
12
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Inicial (símbolo)<br />
La letra «a» del logotipo se usará como inicial o<br />
versión sintética del logotipo, este elemento es<br />
para uso en espacios pequeños y para piezas<br />
que requieran reforzar la identidad de marca.<br />
En este caso la inicial estará encerrada en un<br />
círculo sólido.<br />
Elementos independientes<br />
El logotipo y la inicial son elementos independientes,<br />
la inicial se usará en reemplazo del logotipo<br />
cuando se requiera. Es mala práctica<br />
usar estos dos elementos identitarios juntos<br />
por cuanto son redundantes.<br />
No se deben usar el logotipo y la inicial juntos<br />
13
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Lema<br />
9°<br />
El lema o eslogan es la promesa de la marca, «Soluciones<br />
integrales en empaques» identifica el<br />
sector en el que trabaja la empresa y el compromiso<br />
de entregar lo mejor contemplando todos<br />
los aspectos de los empaques de alimentos.<br />
Por su extensión el lema se compone en dos<br />
líneas para una mejor lectura, esto permite dos<br />
ubicaciones, apilado y lateral, según el espacio<br />
que se tenga disponible.<br />
La inclinación del lema es también de 9 grados<br />
para continuar la visual del logotipo armonizando<br />
ambos elementos.<br />
Versión vertical (apilada)<br />
Es mala práctica usar el lema en una sola línea<br />
pues eso requiere bajar el tamaño de la letra lo<br />
que disminuye su legibilidad.<br />
Versión horizontal (lateral)<br />
No usar el lema en una sola línea con el logotipo<br />
14
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Planimetría y proporción<br />
A continuación se muestran las medidas y proporciones<br />
de los elementos identificadores.<br />
Para facilitar la comprensión de las medidas se<br />
usa una unidad de medida sacada del mismo<br />
identificador que hará las veces de proporción<br />
equivalente al ancho de la letra «a».<br />
0,3x<br />
0,95x<br />
4x<br />
1,25x<br />
x<br />
1,4x<br />
x<br />
1,4x<br />
1,25x<br />
0,20x<br />
0,60x<br />
2,05x<br />
0,4 x 0,4 x<br />
x<br />
4x<br />
8,14x<br />
1,25x<br />
x<br />
0,3x 3,84x<br />
15
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Margen mínimo<br />
También conocido como «área de seguridad»,<br />
es el espacio mínimo entre los identificadores<br />
y los demás elementos gráficos o con los<br />
bordes de las piezas.<br />
0,4x<br />
x<br />
0,3x<br />
x<br />
16
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Tamaños mínimos<br />
Para una correcta legibilidad de los identificadores<br />
gráficos se muestran los tamaños mínimos<br />
recomendados para impresión offset,<br />
ancho dado en milímetros (mm), y para digital<br />
ancho dado en pixeles (px).<br />
Impresión Offset<br />
50 mm<br />
Digital (pantallas)<br />
300 px<br />
Estos tamaños son sugeridos pues siempre<br />
debe hacerse una prueba en la técnica de reproducción<br />
ya que hay variables como el tipo de<br />
papel en impresión o la densidad de las pantallas<br />
en el entorno digital.<br />
Micro<br />
Para tamaños muy pequeños (micro) se adaptó<br />
una versión optimizada con ajustes ópticos<br />
donde hay más espacio entre las letras, así<br />
mismo la inicial tiene más espacio en sy abertura.<br />
26 mm<br />
15 mm<br />
150 px<br />
60 px<br />
7 mm<br />
4 mm<br />
30 px<br />
20 px<br />
Versión especial para tamaño micro<br />
10 mm 5 mm 3 mm<br />
40 px 24 px 16 px<br />
Normal<br />
Micro<br />
Normal<br />
Micro<br />
17
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Co-branding<br />
x<br />
0,4x 0,4x<br />
Cuando el logotipo vaya en compañía de otros<br />
logos se respetará el margen mínimo y se usará<br />
un separador (línea delgada) entre ellos.<br />
x 0,4x 0,4x<br />
18
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Extensión de línea (firma)<br />
La empresa puede sacar productos como extensión<br />
de línea, es decir, productos por fuera<br />
de su oferta principal que complementan su<br />
portafolio de productos; en estos casos la<br />
marca Alico es un validador que firma los<br />
nuevos productos. Esta firma se pronuncia<br />
como «por Alico» donde «por» se sintetiza con<br />
el signo «×» como convención contemporánea.<br />
La firma puede ubicarse abajo o lateral, según<br />
se requiera. Su tamaño dependerá de la altura<br />
del identificador de la línea, en los esquemas a<br />
continuación se muestra como proporcionar los<br />
elementos.<br />
x<br />
0,2x<br />
0,4x<br />
En este uso, como firma, no van el lema ni la<br />
inicial.<br />
0,2x<br />
x<br />
0,6x<br />
0,4x<br />
19
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
LOGOTIPO E INICIAL<br />
Submarcas texto<br />
En ocasiones deben usarse submarcas que<br />
están cobijadas por Alico, en este caso puede<br />
emplearse alguna de las siguientes versiones.<br />
Logotipo cierra<br />
El texto está en itálica y la línea que separa<br />
debe estar girada 9°, en la misma inclinación del<br />
logotipo.<br />
Inicial<br />
Se ubica al inicio separada con una líena delgada<br />
del texto.<br />
Cuando los textos se usen en dos líneas, tratar<br />
que la línea más extensa sea la inferior para<br />
tener un piso visual. El tamaño el texto no debe<br />
ser más alto que el logotipo o la inicial.<br />
Seguridad<br />
del Producto<br />
Seguridad<br />
del Producto<br />
0,4x 0,4x<br />
x<br />
0,4x 0,4x<br />
x<br />
Seguridad<br />
del Producto<br />
Seguridad<br />
del Producto<br />
20
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Color y<br />
su uso<br />
21
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Color principal<br />
o corporativo<br />
Alico desde sus inicios eligió el color dorado<br />
para su identificador, el cual ha evolucionado a<br />
un amarillo «quemado» u oro mate que facilita<br />
su reproducción en diferentes técnicas logrando<br />
un elementos distintivo que contrasta bien<br />
con fondos claros y oscuros.<br />
Amarillo Oro<br />
RGB: 219, 149, 0<br />
Hex #DB9500<br />
PMS 131 C<br />
Amarillo Oro puede usarse en trama para lograr<br />
diferentes efectos o fondeados.<br />
CMYK: 0, 40, 100, 15<br />
Amarillo Oro<br />
100 % #DB9500<br />
090 % #DFA01A<br />
080 % #E2AA33<br />
070 % #E6B54D<br />
060 % #E9BF66<br />
050 % #EDCA7F<br />
040 % #F1D599<br />
030 % #F6E4BF<br />
020 % #F8EACC<br />
010 % #FBF4E5<br />
22
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Colores secundarios<br />
Complementarios al color principal se tienen<br />
dos colores que combinan con el amarillo Oro,<br />
el Azul Novo (Pantone Blue 072 C), un azul «tecnológico»<br />
en conjunto con un Verde Natura<br />
(Pantone 369 C) en consonancia con el pensamiento<br />
ecológico y sustentable de la compañía.<br />
Azul Novo y Verde Natura pueden usarse en<br />
trama para obtener diferentes sensaciones de<br />
color.<br />
Azul Novo<br />
RGB: 0, 15, 159<br />
Hex #000F9F<br />
PMS Blue 072 C<br />
Azul Novo<br />
100 % #000F9F<br />
090 % #1A28A9<br />
080 % #333FB2<br />
070 % #4D58BC<br />
060 % #666FC5<br />
050 % #7F87CF<br />
040 % #999FD9<br />
CMYK: 100, 90, 11, 2<br />
030 %<br />
020 %<br />
010 %<br />
#B2B7E2<br />
#CCCFEC<br />
#E5E7F5<br />
Verde Natura<br />
RGB: 113, 179, 56<br />
Hex #71B338<br />
PMS 369 C<br />
Verde Natura<br />
100 % #71B338<br />
090 % #7FBB4C<br />
080 % #8DC260<br />
CMYK: 62, 3, 95, 0<br />
070 %<br />
060 %<br />
050 %<br />
040 %<br />
030 %<br />
020 %<br />
010 %<br />
#9CCA74<br />
#AAD188<br />
#B8D99B<br />
#C6E1AF<br />
#D4E8C3<br />
#E3F0D7<br />
#F1F7EB<br />
23
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Colores para<br />
unidades de negocio<br />
Para diferenciar las distintas unidades de negocio<br />
se ha asignado para cada una.<br />
Comercio<br />
RGB: 242, 145, 0<br />
Hex #F29100<br />
PMS 144 C<br />
Empaques, sellado<br />
y procesos finales<br />
RGB: 0, 94, 160<br />
Hex #005EA0<br />
PMS 300 C<br />
CMYK: 3, 54, 100, 0<br />
CMYK: 100, 62, 7, 0<br />
Fundas<br />
RGB: 141, 20, 65<br />
Hex #8D1441<br />
PMS 1955 C<br />
Termoformado<br />
RGB: 0, 142, 120<br />
Hex #008E78<br />
PMS 344 C<br />
CMYK: 29, 100, 70, 27<br />
CMYK: 100, 11, 68, 2<br />
24
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Política de color<br />
Logotipo en color corporativo<br />
El logotipo y la inicial se preferirá usar en Amarillo<br />
Oro (Pantone 131 C), el cual puede usarse en<br />
dicho color o como fondo, cambiando el logotipo<br />
o inicial a blanco como se muestra a continuación.<br />
Las piezas pueden tener un carácter más<br />
formal cuando el logotipo va sobre fondo negro.<br />
Uso especial del logotipo es usarlo en Amarillo<br />
Oro sobre negro, lo cual es recomendado para<br />
piezas formales y elegantes.<br />
25
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Blanco y negro<br />
Cuando por alguna razón no pueda usarse el<br />
color corporativo, se usará el negro, ya sea en<br />
positivo o en negativo (logotipo blanco sobre<br />
fondo negro).<br />
26
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Blanco<br />
La opción del logotio en blanco permite versatilidad<br />
de uso en fondos de color, siempre y<br />
cuando tenga suficiente contraste. Esta opción<br />
es la recomendada para usar con los colores<br />
secundarios o con los de las líneas de negocio.<br />
27
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Blanco con líneas<br />
de negocio<br />
28
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
COLOR<br />
Colores metálicos<br />
Hay ciertas piezas gráficas que revisten un carácter<br />
más formal, piezas especiales de uso específico<br />
y por lo tanto pueden requerir tintas<br />
especiales metalizadas como la dorada o plata.<br />
Es de anotar que los acabados metálicos en<br />
piezas digitales son de difícil representación si no<br />
es hecho por alguien que domine la técnica de la<br />
luz en las representaciones gráficas (render).<br />
PMS 871<br />
Tinta metalizada dorada<br />
PMS 877<br />
Tinta metalizada plateada<br />
Para un acabado más metalizado, puede usarse<br />
impresión en foil (laminilla).<br />
29
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Usos<br />
incorrectos<br />
30
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
USOS INCORRECTOS<br />
Inicial y logotipo juntos<br />
Lema en una sola línea<br />
Partir el logotipo<br />
Superponer elementos<br />
Distorsionar de cualquier manera<br />
Rellenos texturados o imágenes<br />
Colores distintos a los oficiales No respetar el margen mínimo Logo de color sobre fondo de color<br />
31
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Tipografía<br />
32
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
TIPOGRAFÍA<br />
Work Sans<br />
Cuerpo de Texto<br />
Tipo de letra para textos largos o cuerpos de<br />
texto, está inspirada en las primeras tipografías<br />
de palo seco (sin terminales) del siglo XIX. Diseñada<br />
para una buena legibilidad en tamaños pequeños<br />
lo que la hace idónea para lectura en<br />
medios digitales. La familia está compuesta por<br />
nueve pesos con sus itálicas.<br />
Work Sans fue desarrollada por el diseñador<br />
australiano Wei Huang y se encuentra disponible<br />
en Google Fonts para su uso en aplicaciones<br />
web e impresión.<br />
Work<br />
Sans<br />
AAA<br />
AAA<br />
AAA<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQq<br />
RrSsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQq<br />
RrSsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQq<br />
RrSsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIi<br />
JjKkLlMmNnÑñOoPpQq<br />
RrSsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
33
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
TIPOGRAFÍA<br />
Zilla Slab<br />
Títulos<br />
Tipo de letra para uso en títulos, destacados y<br />
textos cortos. La familia tiene cinco pesos con<br />
sus itálicas. Las serifas o terminaciones la<br />
hacen elegante y distintiva.<br />
Zilla Slab fue diseñada por el estudio francés<br />
Typotheque para Mozilla Foundation en 2009 y<br />
está disponible en Google Fonts para uso en<br />
impresión y aplicaciones web.<br />
Zilla<br />
Slab<br />
AAA<br />
AA<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
34
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
TIPOGRAFÍA<br />
Sherlyn<br />
Expresiva<br />
Sherlyn es un tipo de letra basada en textos<br />
manuscritos, su construcción se basa en el<br />
trazo rápido, como si fuera hecha con pincel,<br />
notándose en sus trazos contrastados (delgados<br />
y gruesos) muy fluidos.<br />
Su uso es para frases cortas o palabras que<br />
contrastan con Work Sans y Zilla Slab.<br />
Esta fuente es licenciada la cual debe comrarse<br />
por cada computador en al que vaya a<br />
usarse, no es costosa y puede comprarse en<br />
www.creativefabrica.com/product/sherlyn/<br />
Sherlyn<br />
Mensaje expresivo<br />
AaBbCcDdEeFfGgHhIiJjKkLlMmNn<br />
ÑñOoPpQqRrSsTtUuVcWwXxYyZz<br />
á é í ó ú ñ 1 2 3 4 5 6 7 8 9 0 ¿?<br />
35
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
TIPOGRAFÍA<br />
Escala tipográfica<br />
Para lograr armonía en la composición de textos<br />
se recomienda usar una escala tipográfica, esto<br />
concierne a la relación de proporción entre los<br />
componentes de un texto (cuerpo, subtítulo,<br />
título, espacio entre líneas).<br />
24 puntos (2x)<br />
12 puntos (x)<br />
18 puntos (1,5x)<br />
9 puntos (0,75x)<br />
Título<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing<br />
elit, sed diam nonummy nibh euismod tincidunt ut<br />
laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation<br />
ullamcorper suscipit lobortis nisl ut aliquip ex ea<br />
commodo consequat. Duis autem vel eum iriure<br />
dolor in hendrerit in vulputate velit esse molestie<br />
consequat.<br />
Subtítulo interno<br />
vel illum dolore eu feugiat nulla facilisis at vero eros<br />
et accumsan et iusto odio dignissim qui blandit<br />
praesent luptatum zzril delenit augue duis dolore te<br />
feugait nulla facilisi.<br />
Nota: Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed<br />
diam nonummy nibh euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud<br />
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo<br />
consequat.<br />
36
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
TIPOGRAFÍA<br />
Tipografía alterna<br />
Es frecuente que las fuentes designadas como<br />
las corporativas (Work Sans y Zilla Slab) no<br />
estén instaladas o no sean de uso para ciertas<br />
áreas de la compañía, por ello se usará la Arial,<br />
una fuente preinstalada en varios sistemas operativos<br />
y de amplia difusión que permitirá interactuar<br />
con terceros en la construcción de<br />
documentos y presentaciones.<br />
Arial<br />
AA<br />
AA<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
AaBbCcDdEeFfGgHhIiJj<br />
KkLlMmNnÑñOoPpQqRr<br />
SsTtUuVcWwXxYyZz<br />
0123456789 ¿? ¡! # @<br />
37
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Rejilla de<br />
diagramación<br />
38
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Rejilla<br />
Para lograr un presentación consistente a través<br />
de diferentes piezas se recomienda usar una<br />
rejilla que será el esqueleto de la diagramación<br />
que facilita la ubicación de los elementos y así<br />
proporcionar el tamaño de los diferentes componentes<br />
como imagen, texto y gráficos.<br />
Una de las formas básicas de composición es la<br />
llamada regla de tercios en la cual el área se<br />
divide en 9 partes, 3 horizontales y 3 verticales,<br />
y en los puntos donde se intersectan es donde<br />
mayor interés visual se genera.<br />
Para el caso de Alico, se hará una división interna<br />
de cada zona en 3 partes horizontales y 3<br />
partes verticales quedando una rejilla de 9×9<br />
que servirá para ubicar y proporcionar los distintos<br />
elementos gráficos.<br />
Regla de tercios (● zona de interés visual) Rejilla Alico (9×9)<br />
39
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Ejemplo piezas (rejilla)<br />
A continuación se muestran algunos ejemplos<br />
del uso de la rejilla de diagramación, la cual se<br />
ajusta según el formato, vertical, cuadrado u<br />
horizontal. La rejilla da estructura a las piezas.<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh euismod<br />
tincidunt ut laoreet dolore magna aliquam erat<br />
volutpat. Ut wisi enim ad minim veniam, quis<br />
nostrud exerci tation ullamcorper<br />
Lorem ipsum dolor sit<br />
amet, consectetuer<br />
adipiscing elit, sed diam<br />
nonummy nibh euismod<br />
tincidunt ut laoreet<br />
dolore magna aliquam<br />
erat volutpat. Ut wisi<br />
enim ad minim veniam,<br />
quis nostrud exerci<br />
tation ullamcorper<br />
suscipit lobortis nisl ut<br />
aliquip ex ea commodo<br />
consequat. Duis autem<br />
vel eum iriure dolor in<br />
hendrerit in vulputate<br />
velit esse molestie<br />
consequat, vel illum<br />
dolore eu feugiat nulla<br />
facilisis at vero eros et<br />
accumsan et iusto odio<br />
dignissim qui blandit<br />
praesent luptatum zzril<br />
delenit augue duis<br />
dolore te feugait nulla<br />
facilisi.<br />
40
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Ejemplo piezas<br />
Se muestran las piezas sin la rejilla para apreciar<br />
cómo están dispuestos los distintos elementos.<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh euismod<br />
tincidunt ut laoreet dolore magna aliquam erat<br />
volutpat. Ut wisi enim ad minim veniam, quis<br />
nostrud exerci tation ullamcorper<br />
Lorem ipsum dolor sit<br />
amet, consectetuer<br />
adipiscing elit, sed diam<br />
nonummy nibh euismod<br />
tincidunt ut laoreet<br />
dolore magna aliquam<br />
erat volutpat. Ut wisi<br />
enim ad minim veniam,<br />
quis nostrud exerci<br />
tation ullamcorper<br />
suscipit lobortis nisl ut<br />
aliquip ex ea commodo<br />
consequat. Duis autem<br />
vel eum iriure dolor in<br />
hendrerit in vulputate<br />
velit esse molestie<br />
consequat, vel illum<br />
dolore eu feugiat nulla<br />
facilisis at vero eros et<br />
accumsan et iusto odio<br />
dignissim qui blandit<br />
praesent luptatum zzril<br />
delenit augue duis<br />
dolore te feugait nulla<br />
facilisi.<br />
41
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Rejilla diagonal<br />
A la retícula de 9×9 unidades si se le agregan<br />
líneas inclinadas a 9° se logran piezas dinámicas<br />
por cuanto rompen la ortogonalidad llevando<br />
las variaciones a un número muy alto.<br />
42
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Ejemplo rejilla diagonal<br />
A continuación algunos ejemplos de la rejilla<br />
con las lineas inclinadas.<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper<br />
43
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REJILLA<br />
Ejemplo rejilla diagonal<br />
Ejemplos sin mostrar la rejilla para ver su coherencia<br />
formal.<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper<br />
44
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Fotografía<br />
45
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
FOTOGRAFÍA<br />
Temas<br />
Acorde al mercado en el que se mueve la<br />
marca, hay temas que serán recurrentes, estos<br />
temas deben ser bien presentados y las fotos<br />
bien compuestas.<br />
Cuando la fotografía es el elemento principal de<br />
las piezas puede agregarse fondos para el logo<br />
con la inclinación de 9°.<br />
Empleados<br />
El gran diferenciador de Alico.<br />
46
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
FOTOGRAFÍA<br />
Clientes y emprendedores<br />
Pequeñas empresas que no son atendidos.<br />
47
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
FOTOGRAFÍA<br />
Productos<br />
Mostrar resultados y beneficios.<br />
48
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
FOTOGRAFÍA<br />
Usos incorrectos<br />
Tener bastante cuidado en la elección y planteamiento<br />
de las fotografías, las cuales no<br />
deben evocar sentimientos negativos o elementos<br />
desagradables.<br />
49
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Repites para<br />
superficies<br />
50
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REPITES<br />
Repites de fondo<br />
Un recurso gráfico que permite su uso en superficies,<br />
una opción para grandes áreas que<br />
puede ser usado en variedad de piezas.<br />
Repites de fondo se refiere al uso que se le da<br />
cuando sobre ellos va texto u otra información,<br />
en ese caso se usan con mucho blanco alrededor<br />
y tramado (baja densidad).<br />
51
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REPITES<br />
Repites de marca<br />
Para uso total en piezas o partes de ellas como<br />
franjas o cenefas en las que se quiera tener un<br />
elemento dinámico y muy gráfico.<br />
52
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
REPITES<br />
53
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Ejemplos<br />
de aplicación<br />
54
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
EJEMPLO<br />
Teléfonos: (+57) 315 676 4322 // (604) 360 00 30<br />
Calle 10 Sur N° 50 FF 127 - Guayabal<br />
servicioalcliente@<strong>alico</strong>-sa.com<br />
Lorem ipsum dolor sit amet.<br />
Teléfonos: (+57) 315 676 4322 // (604) 360 00 30<br />
Calle 10 Sur N° 50 FF 127 - Guayabal<br />
servicioalcliente@<strong>alico</strong>-sa.com<br />
Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut<br />
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis<br />
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo<br />
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse<br />
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et<br />
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit<br />
augue duis dolore te feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy<br />
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis<br />
nisl ut aliquip ex ea commodo consequat.<br />
www.<strong>alico</strong>-sa.com<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<br />
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis<br />
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in<br />
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat<br />
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent<br />
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy<br />
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis<br />
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis<br />
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in<br />
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat<br />
nulla facilisis at vero eros et accumsan et iusto odio dignissi..<br />
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy<br />
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi<br />
enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis<br />
nisl ut aliquip ex ea commodo consequat.<br />
nibh euismod tincidunt<br />
Papelería<br />
55
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
EJEMPLO<br />
56
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
EJEMPLO<br />
57
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Recomendaciones<br />
para<br />
digital<br />
58
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Tamaños de letra<br />
En los entornos digitales, gracias a los avances<br />
de las pantallas es posible usar tamaños pequeños<br />
de buena legibilidad. Es importante generar<br />
una jerarquía de tamaños para así<br />
diferenciar entre los distintos elementos de información:<br />
títulos, artículos, notas, enlaces, etc. Título<br />
USO EN ENTORNOS DE ESCRITORIO (DESKTOP)<br />
1<br />
Título 2<br />
64 px Zilla Slab Semibold<br />
48 px<br />
Zilla Slab Semibold<br />
36 px<br />
24 px<br />
18 px<br />
16 px<br />
Título 3<br />
Título 4<br />
Título 5<br />
Título 6<br />
Zilla Slab Bold<br />
Zilla Slab Bold<br />
Zilla Slab Bold<br />
Zilla Slab Bold<br />
20 px<br />
16 px<br />
14 px<br />
12 px<br />
Destacado<br />
Párrafo 1<br />
Párrafo 2<br />
Notas<br />
Work Sans<br />
Work Sans<br />
Work Sans<br />
Work Sans<br />
59
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Tamaños de letra<br />
Los entornos móviles por su área reducida<br />
deben adaptar los tamaños de las letras a su<br />
entorno. A continuación se muestran los tamaños<br />
sugeridos para estos entornos según las<br />
dos grandes categorías: Títulos y textos.<br />
USO EN VERSIÓN MÓVIL (CELULARES)<br />
Título 1<br />
30 px Zilla Slab Semibold<br />
24 px<br />
Título 2<br />
Zilla Slab Semibold<br />
20 px<br />
18 px<br />
16 px<br />
Título 3<br />
Título 4<br />
Título 5<br />
Zilla Slab Bold<br />
Zilla Slab Bold<br />
Zilla Slab Bold<br />
14 px<br />
Título 6<br />
Zilla Slab Bold<br />
16 px<br />
14 px<br />
12 px<br />
10 px<br />
Destacado<br />
Párrafo 1<br />
Párrafo 2<br />
Notas<br />
Work Sans<br />
Work Sans<br />
Work Sans<br />
Work Sans<br />
60
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Columnas<br />
Para facilitar el orden y disposición de los elementos<br />
se usan columnas que hacen las veces<br />
de esqueleto de la página o aplicación.<br />
En la versión escritorio el ancho se divide en 12<br />
columnas iguales lo que permite trabajar en<br />
múltiplos de 2, 3 y 4. El ideal es que el ancho<br />
sea de 920 px (máximo 960 px ), ya que un<br />
ancho más amplio genera unas líneas de texto<br />
muy largas difíciles de leer de manera continua.<br />
La versión móvil al tener un ancho menor pasa<br />
de 12 a 4 columnas; el contenido se redistribuye<br />
mediante técnicas responsive (adaptables al<br />
tamaño).<br />
Si bien se muestran las medidas en pixeles,<br />
debe revisarse su equivalente de acuerdo a las<br />
diferentes densidades de pantallas que presentan<br />
los dispositivos actuales.<br />
ESCRITORIO<br />
MÓVIL<br />
920 px o 12 columnas 300 px o 4 columnas<br />
Título Simulado<br />
Descatado del texto<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet<br />
dolore magna aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper suscipit<br />
lobortis nisl ut aliquip ex ea commodo consequat. Duis<br />
autem vel eum iriure dolor in hendrerit in vulputate velit<br />
esse molestie consequat, vel illum dolore eu feugiat nulla<br />
facilisis at vero eros et accumsan et iusto odio dignissim qui<br />
blandit praesent luptatum zzril delenit augue duis dolore te<br />
feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet<br />
dolore magna aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper suscipit<br />
lobortis nisl ut aliquip ex ea commodo consequat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod<br />
62 px<br />
16 px<br />
Título Simulado<br />
Título Simulado<br />
Descatado del texto<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper suscipit lobortis nisl ut aliquip<br />
ex ea commodo consequat. Duis autem vel<br />
eum iriure dolor in hendrerit in vulputate<br />
velit esse molestie consequat, vel illum<br />
dolore eu feugiat nulla facilisis at vero eros et<br />
accumsan et iusto odio dignissim qui blandit<br />
praesent luptatum zzril delenit augue duis<br />
dolore te feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper suscipit lobortis nisl ut aliquip<br />
ex ea commodo consequat.<br />
66 px 12 px<br />
Título Simulado<br />
Descatado del texto<br />
Descatado del texto<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet<br />
dolore magna aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper suscipit<br />
lobortis nisl ut aliquip ex ea commodo consequat. Duis<br />
autem vel eum iriure dolor in hendrerit in vulputate velit<br />
esse molestie consequat, vel illum dolore eu feugiat nulla<br />
facilisis at vero eros et accumsan et iusto odio dignissim qui<br />
blandit praesent luptatum zzril delenit augue duis dolore te<br />
feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod tincidunt ut laoreet<br />
dolore magna aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper suscipit<br />
lobortis nisl ut aliquip ex ea commodo consequat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br />
sed diam nonummy nibh euismod<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper suscipit lobortis nisl ut aliquip<br />
ex ea commodo consequat. Duis autem vel<br />
eum iriure dolor in hendrerit in vulputate<br />
velit esse molestie consequat, vel illum<br />
dolore eu feugiat nulla facilisis at vero eros et<br />
accumsan et iusto odio dignissim qui blandit<br />
praesent luptatum zzril delenit augue duis<br />
dolore te feugait nulla facilisi.<br />
Lorem ipsum dolor sit amet, cons ectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation<br />
ullamcorper suscipit lobortis nisl ut aliquip<br />
ex ea commodo consequat.<br />
61
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Íconos<br />
Es un componente que resuelve muchas necesidades<br />
en las interfaces, en esto caso se usará<br />
la librería Material Icons que se descarga desde<br />
https://www.pixsellz.io/material-icons-library<br />
La librería tiene 3 estilos, para Alico se usará el<br />
estilo Rounded.<br />
La librería consta de más de 1.000 íconos para<br />
ser usados en interface y entornos digitales.<br />
62
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Botones y componentes<br />
La interacción de sitios web y aplicaciones móviles<br />
está soportada por elementos de interfaz<br />
que son comunes a este medio, es así como se<br />
distingue uno de los más usados: los Botones,<br />
campos de textos y componentes para ingreso<br />
de datos. A continuación se muestra cómo el<br />
lenguje gráfico de la marca puede adaptarse a<br />
estos elementos.<br />
Botones<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
x<br />
x<br />
x<br />
Normal Contorno Con ícono<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Por defecto<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Hover<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Activo<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Ejemplo Botón<br />
Inactivo<br />
Campos de texto para formularios<br />
Lista desplegable<br />
Texto<br />
Desplegar<br />
Normal<br />
Texto<br />
Focus<br />
Texto<br />
Error<br />
Desplegar<br />
Opción 1<br />
Opción 2<br />
Opción 3<br />
63
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Componentes<br />
Algunos de los componentes más usados en<br />
web y aplicaciones con el lenguaje gráfico de la<br />
marca Alico.<br />
Elegir fecha<br />
Checkbox<br />
Enero 2023 ‹ › Checkbox<br />
D L M M J V S<br />
1 2 3 4 5 6 7<br />
Checkbox<br />
8 9 10 11 12 13 14<br />
Checkbox<br />
15 16 17 18 19 20 21<br />
22 23 24 25 26 27 28<br />
Checkbox<br />
29 30 31<br />
1 2 3<br />
Radio button<br />
Toggle<br />
Radio Button<br />
Toggle Off<br />
Radio Button<br />
Toggle On<br />
Radio Button<br />
Tabs<br />
Sección 1 Sección 2<br />
64
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
DIGITAL<br />
Ejemplo<br />
A continuación con algunos de los elementos<br />
presentados se ejemplifica un formulario de<br />
contacto con el lenguaje gráfico de la marca.<br />
65
ALICO - BRAND BOOK GUIDELINES _ GUÍA DE MARCA GRÁFICA<br />
Epílogo<br />
Un manual de marca o <strong>brandbook</strong> es un documento<br />
«vivo» por cuanto se debe estar revisando<br />
y alimentando según nuevas situaciones o<br />
requerimientos técnicos, si bien las recomendaciones<br />
se hacen basadas en experiencias<br />
previas y revisiones de las mejores prácticas es<br />
muy factible que se presenten nuevos retos que<br />
toman como base lo aquí presentado.<br />
Como anexo a este documento se hace entrega<br />
de los archivos de la marca gráfica con un<br />
índice para ubicarlos fácilmente.<br />
66
Brandbook v3 - agosto 2023<br />
projektlabs.com