BoomBox · Branding básico } Manual

Page 1

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.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.