MANUAL DE IDENTIDAD VISUAL
1
2
ÍNDICE
123
INTRODUCCIÓN LINEAMIENTOS DE APLICACIONES
MARCA
Objetivos Del Manual 5 Personajes 27
Definición de la Compañía 6 Descripción del Logotipo 11 Caja Interactiva 28
Reseña Histórica 7 Construcción Gráfica 12
Misión 8 Troquel Caja 29
Visión 9 Área de Protección 13 Polo Mock Up 30
Área Mínima de Reproducción 14 Banner Facebook 31
Paleta de Color 15 Banner Youtube 33
Licencias y permisos 16 Posts Instagram 36
Usos Indebidos 18
Tipografía del Logotipo 20
Tipografía Secundaria 21
Sistema Modular 23
3
1
INTRODUCCIÓN
4
OBJETIVOS DEL MANUAL
Un “Manual de Identidad Visual” es un documento que
contiene los recursos gráficos de la marca y que define
las normas para incluir los distintos elementos visuales en
variedad de soportes.
Gracias a este documento se podrá entender de
forma sencilla la línea estética de F4W para aplicarla
correctamente generando coherencia y buena
comunicación visual.
5
DEFINICIÓN DE
LA COMPAÑÍA
Fun4Wellbeing (F4W) es una plataforma web responsive
que brinda experiencias lúdicas combinando los
beneficios de (i) la enseñanza virtual y de la (ii)
gamificación, vinculando videojuegos interactivos
educativos, para promover el bienestar físico y
socioemocional en niños y niñas.
6
RESEÑA HISTÓRICA
F4W se desarrolla como idea de negocio en el año 2021
con el propósito de atender la problemática de una mayor
reducción de oportunidades que favorezcan el bienestar
físico y socioemocional en las niñas y niños en los sistemas
educativos del Perú y Latinoamérica.
7
CONCEPTO
Fun for Well Being se formo a partir de tres conceptos:
lúdico, bienestar y tecnológico. Estos conceptos reflejan la
identidad de la marca y fueron base fundamental para la
creación del logotipo y las piezas gráficas.
8
VISIÓN
Empresa líder en Latinoamérica que brinda
servicios y recursos en línea basados en la gamificación
para el fomento del bienestar físico y socioemocional en
niños/as, contribuyendo a su desarrollo y aprendizaje.
MISIÓN
Proveer servicios y recursos virtuales innovadores
y de calidad que brinden experiencias lúdicas e
interactivas de aprendizaje para promover el bienestar
físico y socioemocional en niños/as con la guía y
acompañamiento de un equipo multidisciplinario de las
áreas de educación, psicología y nutrición.
9
2
LOGOTIPO
10
DESCRIPCIÓN
DEL LOGOTIPO
El logotipo se desarrollo a partir del concepto de lúdico,
tecnológico y bienestar. Se utilizó una tipografía sans
serif con terminaciones redondas. También, se modificó la
tipografía inical en tamaño para crear un laberinto con las
formas de la tipografía, aludiendo a lo lúdico. Además se
colocó un corazón en pixel para relacionarlo a bienestar,
tecnología y videojuegos.
11
CONSTRUCCIÓN
GRÁFICA
El logotipo se realizó a partir de la tipografía Scorpion
Regular, la cual se fue modificando en tamaño para crear
un juego de letras aludiendo a lo lúdico.
Se utilizó líneas rectas para la construcción del corazón y
la diagramación del texto.
12
ÁREA DE
PROTECCIÓN
Como área de respeto se seleccionó la letra W presente
en el logotipo, la cual se redujo al tamaño de la letra E.
Este espacio alrededor del logotipo debe respetarse,
quedando libre sin ningún elemento que interfiera con el
área. Esto ayuda a que se pueda visualizar correctamente
en todas sus aplicaciones, formatos y usos.
13
ÁREA MÍNIMA
DE REPRODUCCIÓN
Para el tamaño mínimo del logo se puede Formato Formato Usos
reducir a 3 cm desde la parte más ancha. Impreso Digital Excepcionales
Esto garantiza una correcta legibilidad en
cualquier aplicación o formato aplicado.
3 cm 113 px 2.5 cm
14
PALETA DE COLOR PANTONE 325 CP
Se escogió el color morado, anaranjado y HEX: 80b8b8
celeste ya que simbolizan bienestar. RGB: 128 184 184
El morado y celeste están desaturados para CMYK: 66 0 32 0
para reforzar el concepto mencionado,
mientras que el anarnanjado es más fuerte PANTONE 2012 U
para contrastar y resaltar el logo.
HEX: f69941
RGB: 256 153 65
CMYK: 0 48 78 0
PANTONE 2076 U
HEX: 876ba5
RGB: 135 107 165
CMYK: 51 69 0 0
15
LICENCIAS Y PERMISOS
En el caso que la versión
original del logotipo no pueda
ser aplicada, dependiendo de
la pieza gráfica o soporte se
podrá utilizar las variantes a
b/n, positivo y color de fondo
basado en la paleta de color.
Logotipo a color. Logotipo negativo.
Logotipo positivo. Logotipo en escala de grises.
16
VARIANTES A COLOR
Logotipo sobre fondo morado. Logotipo sobre fondo anaranjado. Logotipo sobre fondo turquesa.
Logotipo sobre fondo turquesa con Logotipo sobre fondo turquesa con Logotipo sobre fondo turquesa con
corazón anaranjado. corazón morado. corazón anaranjado.
17
USOS INDEBIDOS Cortar el logotipo.
Estas son formas incorrectas
de usar el logotipo y se
deben de evitar para no
afectar su construcción y la
imagen de marca.
Distorsionar dimensiones.
Cambiar los colores. Rotar el logotipo.
18
Colocar un color de fondo similar Colocar el negativo sobre Colorcarlo sobre fondos muy
a las letras. colores claros. texturados o de colores similares.
19
TIPOGRAFÍA
DEL LOGOTIPO
SCORPION A B C D E F G
La tipografía solo varió en
H I J K L M ntamaño a excepción del número
4 donde se agrandaron las O P Q R S Tt
terminaciones superiores
y la letra L que se redujo la
U V W X Y Zterminación inferior para que
0123456789encajara compositivamente.
$&!#?:;.,
20
TIPOGRAFÍA
SECUNDARIA
Made Tommy Soft Aa Bb Cc Dd Ee Ff Gg
Made Tommy Soft Hh Ii Jj Kk Ll Mm Nn Ññ
Made Tommy Soft Oo Pp Qq Rr Ss Tt Uu
Made Tommy Soft Vv Ww Xx Yy Zz
Made Tommy Soft
Made Tommy Soft
0123456789
$&/()¡!:;
21
TIPOGRAFÍA
SECUNDARIA
Maven Pro Aa Bb Cc Dd Ee Ff Gg
Maven Pro Hh Ii Jj Kk Ll Mm Nn
Maven Pro Ññ Oo Pp Qq Rr Ss Tt
Uu Vv Ww Xx Yy Zz
Maven Pro 0123456789
$&/()¡!:;
22
SISTEMA MODULAR
El sistema modular está conformado por símbolos + + Bienestar
en síntesis relacionados al concepto y a lo infantil.
Tecnología Lúdico
#1 #2
23
SISTEMA MODULAR
Este sistema modular Cuadrangulares +
está conformado por
modulaciones de formas Corazones Estrella
cuadrangulares y circulares.
Cuenta con formas internas Circulos
en síntesis como estrellas,
caritas felices y corazones, + Caritas felices
ya que están relacionados
al concepto y a lo infantil.
24
25
3
APLICACIONES
26
PERSONAJES WILL
BEA
27
CAJA INTERACTIVA
Se creó a partir de la idea de
incorporar de forma lúdica un
elemento que invite al usuario a
interactuar con ella.
Se utilizó las dos modulaciones
desarrolladas, con el fin de que
su diseño sea más atractivo.
28
TROQUEL CAJA
26 cm
26 cm
29
POLO MOCK UP
Se optó por un estilo sencillo y de colores suaves que
complementen la gráfica desarrollada. Para ello se
realizaron tres modelos:
Polo con el logo de la marca Polo con el logo y los personajes de
marca (Bea y Will).
Polo con el patrón modular
30
BANNER DE FACEBOOK
Se hace uso de las modulaciones de formas cuadrangulares,
debido a su estética más tecnológica. Esta se despliega
desde el logotipo dejando espacios vacíos que cada vez
se hacen más grandes, lo que le ayuda a adaptarse a las
plataformas desde la que podría ser visibilizado.
31
Mockup Laptop 560 x 315 px
Uso correcto del Medidas del
logotipo en el banner de
ícono de perfil Facebook
de facebook en laptop
32
BANNER DE YOUTUBE
Al igual que con el banner de Youtube, se hace uso de
las modulaciones de formas cuadrangulares, debido a su
estética más tecnológica, pero en este caso, se prescinde
de colocar las redes, ya que YouTube ofrece la opción de
colocar enlaces directos.
33
Mockup Movil
1546 x 423 px
Uso correcto del Medidas del banner de
logotipo en el ícono Youtube en movil
de perfil de youtube
34
Mockup Ordenador 1855 x 423 px
Uso correcto del Medidas del
logotipo en el banne de
ícono de perfil Youtube en
de youtube ordenador
35
POST DE INSTAGRAM
Para la creación de los post
de Instagram, se compuso
sobre una grilla que permite
mantener un orden en los
elementos a usar. Esta grilla
mide 1000px x 1000px,
tiene márgenes de 50px y
una cuadrícula interior con
segmentos de 150px x 150px.
36
El logotipo debe medir lo
mismo que una casilla,
y puede colocarse en la
esquina superior o inferior
derecha, según lo requiera
la composición.
Márgenes correctos
para el logotipo.
37
Las publicaciones deben llevar un fondo degradado
del mismo verde o violeta seleccionados para la marca
(PANTONE 325 CP y PANTONE 2076 U). Sobre el degradado
se coloca la trama modular F4W con relleno de trazo
blanco y 1pt de grosor.
38
Las fuentes para los títulos
y texto corresponden a las
tipografías secundarias
de la marca, MADE Tommy
Soft y Maven Pro. La
gráfica a usarse puede ser
de carácter fotográfico o
ilustrativo, como es el caso
al usarse las ilustraciones de
los personajes de la marca.
39
Propuesta gráfica con
carácter fotográfico
40
41
Propuesta gráfica con
carácter iljustrativo
(Personaje de marca)
42
43
44