Ba Mu ile Au sica A r d i ov t Ins es E isua l ¡Fi tala scen es es cio i ta! n A cas r ti sti ca
MANUAL BÁSICO MARCA Logotipo
De qué va | Transiciones de color | Arquitectura | Variaciones | Reglas Básicas de Aplicación
Colores
Paleta | Significado tonos de la paleta | Cuál es el patrón de transiciones entre degradados
Tipografías
Familias | Estilos | Básica Guía y Aplicación de Estilos
¿Esto de qué f*! trata? LOGOTIPO
PRECIOSO, PERO ¿ESTO DE QUÉ F*! TRATA?
La idea de base en esta marca es que somos islas. Y desde arriba las islas son puntos aislados que se ignoran entre sí... Hasta que entra en acción un elemento (el BoomBox) que, aún estando vacío materialmente, con su contenido efímero (música, audiovisuales, danza, teatro) sirve como nexo de comunión, empatía y disparador de situaciones.
+ cubo
LOGOTIPO
TRANSICIONES DE COLOR
+ individuos...
...aislados
magia
*
¿La misión de esta propuesta? Crear un logotipo vivo, en continuo movimiento. Como la estructura a la que representa y los eventos que pueden suceder alrededor de ella.
una de estas variaciones cromáticas * Cada (que, animadas, crearán un ritmo visual a partir de la composición) son un keyframe diferente del logotipo, está pensado sobre todo para pantallas (video y web)
MEDIDA X
LOGOTIPO
MEDIDA X
ARQUITECTURA DE LA MARCA GRÁFICA
9 + 1/4 X
9 + 1/4 X
2X
1/2 X 6 + 1/2 X 1X
1 + 1/2 X
1/2 X 6 + 1/2 X 1X
9X
Aunque BoomBox sea una marca multiforme, esta es la versión principal a utilizar cuando haya que hacer una aplicación estática (sin animación) del logotipo, sea en pantalla como en papel. Por supuesto, la estética, proporciones y detalles de este signo gráfico han sido optimizados al máximo (en cuanto a pesos, tamaños y espacios internos entre elementos) para intentar lograr una representación lo más limpia posible en cualqiuer situación.
LOGOTIPO
VARIACIONES SEGÚN DISCIPLINAS ARTÍSTICAS RELACIONADAS
Un logotipo con personalidades
Esta marca desarrolla variaciones del logotipo principal (también animadas) personificando cada una de las acciones, artes y motivos disparadores que rodean y parten de BoomBox.
Una paleta rica en emociones
COLORES PALETA
COLORES
SIGNIFICADO TONOS DE LA PALETA
Para tener suficiente juego a la hora de crear las microanimaciones del logotipo (y sus variaciones), podemos basarnos en una paleta con varios tonos: colores fríos, cálidos, análogos y complementarios deben ser suficientes para generar esa sensación de movimiento (especialmente en las variaciones más estáticas del logo)
♥
BoomBox es WTF! BoomBox es FOCO ¡Porque es lo que todos decís al verlo aparecer! Y es normal: existe para congregar a su alrededor una fiesta de luz y sonido, abierta a todo el mundo
Porque está construido para albergar y proyectar audiovisuales itinerantes con música, danza, teatro... por compañía
☼
BoomBox es ECO Porque es una estructura sostenible, autosuficiente y diseñada para dejar a su paso una huella de carbono igual a cero
CMYK 0 20 80 0 RGB 255 206 68 #ffce44
CMYK 70 85 0 0 RGB 109 62 145 #6d3e91
CMYK 60 90 20 40 RGB 93 38 96 #5d2656
CMYK 0 60 100 0 RGB 239 125 0 #ef7d00
CMYK 80 30 20 0 RGB 2 141 180 #158db4
CMYK 90 70 20 0 RGB 50 83 141 #32538d
CMYK 10 90 100 0 RGB 214 53 23 #d63517
CMYK 60 0 100 0 RGB 118 184 42 #76b82a
CMYK 80 20 90 0 RGB 50 146 72 #329248
Cómo funciona el ritmo de la paleta (en el logotipo principal)
Es fácil: empezando por el tono de abajo, mientras uno cambia (el de arriba), el otro cambia (el de abajo) alternativamente de estado a estado.
COLORES
QUÉ PATRÓN SIGUE EL RITMO DE LA PALETA
Pero, ¡¿cómo aplicar todo esto?!
LOGOTIPO
¿Qué es el “logo principal”? Estas dos versiones del logotipo que tienes justo aquí al lado ;^D
A la hora de aplicar el logotipo de BoomBox, quédate sobre todo con los pocos conceptos de esta página, basados más en el sentido común que en la dictadura del criterio siempre acertado del diseñador über alles
REGLAS BÁSICAS DE APLICACIÓN
* VERTICAL
HORIZONTAL
Cuando debas aplicar el logotipo en tamaños más pequeños que estos, hazlo obviando el descriptor “sights and sounds in motion”: no se lee nada bien en tamaños inferiores a este
Distancia de seguridad Logo en relación a más logos o elementos No es una ciencia exacta, pero intenta preservar siempre una distancia mínima más o menos como ésta por los cuatro lados
La proporción que genera esta aplicación del logotipo está basada en una versión reducidad de la distancia de seguridad del logotipo
3X
Logo sobre foto o fondo virado A la hora de aplicar el logotipo principal de BoomBox sobre fondos que no sean blancos (o sobre fotografías), es impresncindible que sea siempre usando esta versión
6X
6X
TIPOGRAFÍAS FAMILIAS
TIPOGRAFÍAS
Un puñado de tipos geniales Todas las tipografías se pueden encontrar y descargar desde google.com/webfonts TITILIUM WEB https://fonts.google.com/specimen/Titillium+Web ROBOTO https://fonts.google.com/specimen/Roboto
TIPOGRAFÍAS
Grosso modo, estas son las reglas básicas en cuanto a estilos de texto y jerarquía tipográfica que debes seguir a la hora de maquetar textos propios del proyecto.
Header 1 Títulos principales Titilium Web / Bold / 20 pts
ESTILOS BÁSICOS
Somos islas aisladas y solitarias. Pero no Vivimos del entusiasmo que somos capaces de generar en la gente, gracias al entusiasmo que, a su vez, nos procura realizar nuestro trabajo.
Titilium Web A usar en titulos y textos destacados
Estilos (selección) Regular Italic Bold
Roboto
Bold Italic
Header 2 Títulos de sección / capítulo Titilium Web / Bold / 15 pts Header 3 Títulos contenidos Titilium Web / Bold / 11 pts Párrafos Cuerpos de texto Roboto / regular (italic, bold, bold italic) / 10 pts
A usar exclusivamente en cuerpos de texto
Estilos (selección) Regular Italic Bold Bold Italic
Como es posible que me haya dejado algo sin resolver en este manual, en caso de duda, escríbeme! alexiscrzperez@gmail.com
GUÍA DE ESTILO BÁSICA
Somos islas aisladas y solitarias. Pero no. Es simplemente lo que nos quieren hacer creer. Reivindica y vive tu derecho a disfrutar del aquĂ y el ahora.