Brandbook San José, 2021
Diseñado por María del Mar Porras Mondol Trabajo Final de Graduación “Diseño de Marca para familia de señalética comercial ready-made” Agradecimientos a Fabiano Vincenzi por la oportunidad
Tabla de Contenidos 01 Introducción Acerca del Proyecto Naming
03 Marca 06 07
02 Brand Identity Brand Personality Atributos de la Marca Manifiesto de la Marca Declaraciones de la Marca
10 11 12 13
Composición del Isotipo Composición del Logotipo Variaciones Área de Protección
04 Cromática
Colores Corporativos Positivo y Negativo Escala de Grises
05 Tamaños Mínimos
16 17 18 19
22 24 25
Tamaños Mínimos Digitales 28 Tamaños Mínimos Impresos 29
09 Lenguaje Visual
06 Matriz Cromática Proporciones Cromáticas
32
07 Tipografías Tipografía de la Marca Tipografía Corporativa
36 37
08 Clima Imágenes Señalética en la Ciudad Personas y Señalización
40 41
Íconografía Lenguaje Gráfico Retícula Más Variaciones
44 45 46 47
10 Aplicaciones Página Web Redes Sociales Packaging y Etiquetas Tarjetas de Presentación Firma Electrónica Merch
50 52 54 56 58 60
01
Introducción
Acerca del Proyecto
Naming
04
Brandbook
Introducción
05
Acerca del Proyecto
El presente proyecto es un diseño de marca para una familia de productos ready-made de señalética comercial.
El público meta son emprendedores que buscan expresar su identidad, invirtiendo en un producto que es tanto funcional como estético.
Tiene como objetivo principal volver asequible los productos al reducir costos de diseño y producción.
06
Brandbook
Introducción
Naming
sain
El nombre de Sain se toma del idioma Japonés, que significa “Señal” o “Signo”. Además, comparte la misma fonética y significado con la palabra Sign en Inglés.
DEF. Señal (Japonés) Se pretende representar la sencillez y versatilidad que se desea que esté presente en la marca.
Brandbook
Introducción
07
02
Brand Identity Brand Personality
Atributos de la Marca
Manifiesto de la Marca
Declaraciones de la Marca
08
Brandbook
Introducción
09
Brand Personality
Versátil: Capacidad de adaptarse con rapidez y facilidad a diferentes entornos, experiencias y marcas.
Asequible: Que permite alcanzar o conseguir de forma fácil, simple y económica.
10
Brandbook
Brand Personality
Atributos de Marca
contemporáneo directo
Brandbook
flexible
buen diseño
limpio
sencillo
Brand Personality
Directo
Limpio
Sencillo
Contemporáneo
Buen diseño
Flexible
11
Manifiesto de Marca
Somos una solución diferente en señalética del país.
Ofrecemos el punto medio entre estética y asequibilidad para los emprendedores.
Identificamos lugares y momentos al crear experiencias únicas cada vez que las personas interactúan con nuestros productos.
Creemos que las personas merecen piezas de diseño a un costo razonable.
Nuestro propósito es embellecer los espacios al permitir a nuestros clientes expresar su esencia.
12
Brandbook
Brand Personality
Declaraciones de Marca
Identificar espacios de manera eficiente con valor estético.
Aliviar a los emprendedores con un producto asequible.
Embellecer los lugares donde las personas interactúan.
Brandbook
Brand Personality
13
03
Marca Composición del Isotipo
Composición del Logotipo
Variaciones
Área de Protección
14
Brandbook
Marca
15
S
Composición del Isotipo S/4
S/5 60°
El isotipo se trabajó en su mayoría con círculos y fracciones de medidas como tercios, cuartos y demás.
Esto con el fin de transmitir la personalidad de la marca en cada S/8
aspecto del isotipo.
s/3
16
s/3
s/3
Brandbook
Marca
Composición del Logotipo S
S/6
S/2
Estas son las proporciones para conformar el logotipo.
Se balanceó visualmente el nombre respecto al isotipo para compensar la S/8
altura de la i, de forma que este se visualice centrado.
Brandbook
Marca
17
Variaciones
El descriptor gráfico solo se debe usar
S
con el nombre de la marca por motivos de legibilidad. Por lo tanto,
S/6
esta es la alternativa propuesta.
18
S/2
Brandbook
Marca
Área de Protección
La S es el elemento que se utiliza para definir el área de protección, el cual se debe respetar al utilizar el logotipo.
Brandbook
Marca
19
04
Cromática
Colores Corporativos
Positivo y Negativo
Escala de Grises
20
Brandbook
Cromática
21
Colores Corporativos
Estos son los colores de la marca. Los colores principales son el blanco y el negro los cuales se ajustaron para tener un tono más cálido.
Blanco #FFFCFC H 0
S 1
B 100
Además, se pueden utilizar los 3 colores de acento escogidos en una menor proporción.
22
R 255
G 252
B 252
Brandbook
Cromática
Negro
Amarillo
Azul
Rojo
#FFB138
#FEBF5E
#FFB138
#F25324
H 30
S 5
B 15
H 36
S 63
B 100
H 233
S 71
B 95
H 14
S 85
B 95
R 38
G 39
B 36
R 255
G 191
B 94
R 70
G 89
B 242
R 242
G 83
B 36
Brandbook
Cromática
23
Positivo y Negativo
Se visualiza el isotipo en positivo y en negativo donde se asegura su correcta legibilidad en ambas tintas.
24
Brandbook
Cromática
Escala de Grises
Se muestra la escala de grises del isotipo con sus respectivos incrementos de 10 en intensidad.
Brandbook
Cromática
25
05
Tamaños Mínimos Tamaños Mínimos Digitales
Tamaños Mínimos Impresiones
26
Brandbook
Tamaños Mínimos
27
Tamaños Mínimos Digitales
30 px
100 px
La medida mínima para asegurar una buena legibilidad en ambientes digitales para el isotipo y el logotipo es de 30px y 100px respectivamente.
28
Brandbook
Tamaños Mínimos
Tamaños Mínimos Impresiones
10 mm
30 mm Asímismo, las medidas mínimas para asegurar la legibilidad del isotipo y el logotipo en medios de impresión, son 10mm y 30mm respectivamente.
Brandbook
Tamaños Mínimos
29
06
Matriz Cromática Proporciones Cromáticas
30
Brandbook
Matriz Cromática
31
Proporciones Cromáticas
En esta sección se muestran 2 ejemplos del uso de los colores y el peso de estos. Se puede observar que el peso de los colores de acento se mantiene entre un 5% y 20%.
Especificaciones Código: 23252627
Tipo: Signboard
Dimensiones: 50 cm x 20 cm x 8cm
Material: Aluminio
Peso: 5 kg
78% 16% 6%
Por otro lado, el color negro se utiliza entre un 10% y 15%, mientras que el blanco en un 70% a 80%. www.sain.com
32
Brandbook
Matriz Cromática
Fabiano Vincenzi fabiano@sain.com Contacto @sain.cr www.sain.com +506 89837373
72% 18% 10%
Brandbook
Matriz Cromática
33
07
Tipografías
Tipografía de la Marca
Tipografía Corporativa
34
Brandbook
Tipografías
35
Cuerpo
Tipografía de la Marca
Light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Identificador Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Se escogió la familia tipográfica Strawford para reflejar la personalidad de la marca, debido a su aspecto curvo y amigable.
Se utiliza en el logotipo, descriptor
Logotipo Bold
gráfico y cuerpo de textos.
Números y símbolos
36
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890¡!@#$¿}{[] \%^&*()_-+=><.,;:‘“/?
Brandbook
Tipografías
Cuerpo
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Light
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Tipografía Corporativa
Subtítulos
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Medium
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Se eligió la familia tipográfica Poppins como tipografía corporativa en los siguientes tamaños.
Títulos
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Bold
N
n Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy
Zz Números
1234567890¡!@#$¿}{[]\%^
y símbolos
&*()_-+=><.,;:‘“/?
Brandbook
Tipografías
37
08
Clima Imágenes Señalética en la Ciudad
Personas y Señalización
38
Brandbook
Clima Imágenes
39
Señalética en la Ciudad
Se debe mostrar los productos contextualizados en la ciudad asegurándose que el producto esté en primer plano.
Además, procurar que los colores de la fotografía sean en su mayoría colores neutros para resaltar color de acento según las matrices cromáticas.
40
Brandbook
Clima Imágenes
Personas y Señalización
Las imágenes deben mostrar las interacciones del producto con personas para representar el atributo asequible. Las personas deben estar desenfocadas, en tercer plano o que no se muestre el rostro.
Se deben mostrar la interacción entre ciudad-personas-señalética.
Brandbook
Clima Imágenes
41
09
Lenguaje Visual
Iconografía
Lenguaje Gráfico
Retícula
Más Variaciones
42
43
Iconografía
Se diseñaron íconos siguiendo la línea gráfica establecida. estos están inspirados en elementos del logotipo y se utilizan en línea delgada.
44
Brandbook
Lenguaje Visual
Lenguaje Gráfico
Se emplearon elementos y formas del logo con líneas de contorno con un grosor de aproximadamente dos puntos mayor a la retícula.
También se puede utilizar estos elementos a color en algunas zonas respetando la matriz cromática.
Brandbook
Lenguaje Visual
45
Retícula
La retícula se conforma de rectángulos con esquinas redondeadas y líneas rectas horizontales. Además, se incluyen los elementos en línea de contorno del isotipo dentro de la retícula. Las líneas llevan un grosor de 0,5pt.
46
Brandbook
Lenguaje Visual
Más Variaciones
El isotipo se puede utilizar como parte del lenguaje gráfico siempre y cuando tenga un color de acento. Sin embargo, no son sustitutos del isotipo 45º
135º
225º
por sí mismos.
Se puede rotar en ángulos de 45° como se muestra.
Brandbook
Lenguaje Visual
47
10
Aplicaciones Página Web
Redes Sociales
Packaging y Etiqueta
Tarjetas de Presentación
Firma Electrónica
Merch
48
Brandbook
Marca
49
Página Web
Boardsign
Se muestran las propuestas para los keyvisuals del e-commerce con ejemplos de las pantallas de “Home” y “Compra del Producto”. Los colores se usan según los porcentajes de aceptación de contraste.
Resumen Lorem ipsum producto descripcion detallada y reumida. Pequeña descripción del producto en pocas palabras.
¿En qué color querés este producto? Seleccionar
¿Te gustaría visualizar tu marca en este producto? Subir foto
$150
*I.V.A. incluido + costo de envío
COMPRAR AHORA
50
Brandbook
AGREGAR AL CARRITO
Lenguaje Visual
promociones! ENVIAR
Ingresa tu correo aquí
sain
Contacto info@sain.com +506 89837373 @sain.cr
$150 *I.V.A. incluido + costo de envío COM RAR A ORA P
H
AGREGAR AL CARRITO
Explorar Tienda
Cuenta
Nosotros
Contacto
Productos re ac o ados l
i
n
@ 2021 Sain (San José, Costa Rica)
Table Top
Sand ic Board w
Señalización de mesas
h
Señalización ultuso M
A-Board
Señalización de Interiores
Ledbox Signage
Señalización de Exteriores
@ 2021 Sain (San José, Costa Rica)
B
oards
ign
Resumen
Lorem i sum roducto descri cion detallada reumida. equeña descri ción del roducto en ocas ala ras. p
p
p
p
p
p
y
p
P
b
¿En qué color querés este producto?
Seleccionar ¿Te gustaría visualizar tu marca en este producto?
Su ir foto b
$150 *I.V.A. incluido + costo de envío COM RAR A ORA P
H
AGREGAR AL CARRITO
Productos de Temporada
Brandbook
Lenguaje Visual
51 Ledbox Signage
¡Suscribíte para recibir las últimas promociones!
Señalización de Exteriores
A-Board
Señalización de Interiores
Boardsign
Señalización de Exteriores
Redes Sociales Producto de Temporada
Para las redes sociales se propone alternar fotografía y post gráfico para el feed. Además de tener un showcase de los productos y redirigir siempre al e-comerce.
Cuidar el clima cromático y las proporciones de matrices.
52
Menu Board Señalización de Interiores
sain
Brandbook
Lenguaje Visual
Barrio Escalante 9 am - 3 pm
EXPLORÁ NUESTRO WEBSITE
Producto de Temporada
Nuevo Proyecto Señalética en Cafeterías Swipe para ver los detalles
Menu Board Señalización de Interiores
sain
Brandbook
Lenguaje Visual
53
Packaging y Etiqueta
El packaging y etiqueta llevan información técnica, por lo cuál se recomienda mantener la línea gráfica
Especificaciones
manejando porcentajes menores de Código: 23252627
elementos gráficos como la retícula.
Tipo: Signboard
Dimensiones: 50 cm x 20 cm x 8cm
Material: Aluminio
Peso: 5 kg
www.sain.com
54
Brandbook
Lenguaje Visual
Brandbook
Lenguaje Visual
55
Tarjetas de Presentación
Las tarjetas de presentación se pueden trabajar con las 3 variaciones cromáticas establecidas.
56
Fabiano Vincenzi fabiano@sain.com Contacto @sain.cr www.sain.com +506 89837373
Brandbook
Lenguaje Visual
Fabiano Vincenzi fabiano@sain.com Contacto @sain.cr www.sain.com +506 89837373
sain www.sain.com
sain www.sain.com
Fabiano Vincenzi fabiano@sain.com Contacto @sain.cr www.sain.com +506 89837373
Fabiano Vincenzi fabiano@sain.com Contacto @sain.cr www.sain.com +506 89837373
Brandbook
Lenguaje Visual
sain www.sain.com
57
Firma Electrónica
La firma electrónica puede tener las variaciones cromáticas y también se puede hacer modificaciones en la retícula, con el objetivo de diferenciar @sain.cr
a cada miembro del equipo. +506 89837373 Fabiano Vincenzi Fundador www.sain.com
58
Brandbook
Lenguaje Visual
@sain.cr Fabiano Vincenzi Fundador
Brandbook
Lenguaje Visual
+506 89837373 www.sain.com
59
Merch
Se diseñaron dos variaciones de totebag, en los cuales se permite más libertad con la línea gráfica. Solo en aplicaciones más artistícas se permite el uso de la retícula en uno de los colores de la marca.
60
Brandbook
Lenguaje Visual
Brandbook
Lenguaje Visual
61