manual corporativo v1.0 ©2017 - medialab-prado · indice medialab prado p.2 valores p.8 elementos...
TRANSCRIPT
Manual CorporativoV1.0 ©2017
Indi
ceMedialab Prado
p.2 Valoresp.8 Elementosp.11 Logotipo p.14 Medialab + Laboratoriosp.17 Color p21 Tipografíap.23 Escala p.24 Titularesp.27 Rejillap.37 Aplicaciones
Laboratorios
p.43 Elementosp.46 Nomenclaturap.48 Logo p.50 Patrónp.52 Patrón Simple
p.55 AVLabp.65 CiCiLabp.75 DataLabp.85 InCiLabp.95 ParticipaLabp.105 PrototipaLab
Indi
ce
p.6 p.7
Valo
res
Valo
res
Medialab Prado es un laboratorio ciudadano de I+D. Un punto de encuentro en el que se gestan comunidades en-torno a cada proyecto.
Un lugar abierto, donde todos pueden proponer y colaborar en el desarro-llo de ideas para el bien común.
Los valores de Medialabdeben estar presentes en toda comunicación. Valores: Humano, Inclusivo, Comunidad, Tecnología y código abierto.
En este manual encontrarás una guía de como trabajar la comunicación visual. Explora y disfruta del viaje.
Medialab Prado Medialab Prado
p.8 p.9
La identidad visual se construye a partir del logotipo, la paleta de color, la tipografía, la rejilla, los patrones y los iconos. Es-tos son los ingredientes del universo Medialab Prado.
Ele
men
tos
Ele
men
tos
1. Logotipo
3. Tipografía 4. Rejilla
2. Colores Medialab Prado
8. Colores Laboratorios 9. Patrón
10. Patrón simple5. Iconos
7. Logotipo laboratorio6. Logo laboratorio
DataLab
Si no lo puedes explicar de forma sencilla. Es que no lo has entendido bien.
En las páginas siguientes encontrarás como se utilizan para lograr una comunicación consistente con los valores. Busca-mos una comunicación sencilla, directa y humana, pero a la vez con un toque optimista y explorador.
Medialab Prado Medialab Prado
p.10 p.11
LogotipoDistancia de Seguridad
Tamaño mínimoMedialab + laboratorio
Logotipo
Medialab Prado
p.12 p.13
El logotipo está construído a partir de la tipografía Serrería Sobria. Esta tipografía formaba parte de la Antigua Serrería Belga, recinto actual de Medialab Prado. El logotipo es la fir-ma de Medialab Prado y no debe ser modificado bajo ningúna circunstancia. Utiliza el archivo Logo_medialab._prado.ai
Logo
tipo
Medialab Prado
Distancia de Seguridad: Al utilizar el logotipo es importante respetar los márgenes de seguridad. Ningún elemento puede interferir con esta distancia. Como referencia tomamos la letra O del logotipo.
Dis
tan
cia
Seg
uri
dad
Tamaño mínimoImpreso Digital
1,2 cm 40 px
Medialab Prado Medialab Prado
p.14 p.15
1. Esta combinación de logos se debe utilizar únicamente en caso de co-patrocinio, o actividades de Medialab Prado que se realicen fuera del recinto.
2. Para comunicaciones de eventos que se realicen dentro de Medialab esta es la opción valida.
Med
iala
b +
Lab
orat
orio
Med
iala
b +
Lab
orat
orio
ParticipaLab
ParticipaLab
Medialab Prado Medialab Prado
p.16 p.17
Color
Medialab Prado Medialab Prado
p.18 p.19
El color sirve para identificar cada comunicación. El negroes el color principal de Medialab Prado. Los demás colores representan cada uno de los laboratorios.
CMYK
00 0000100
Pantone327 U
CMYK
80 004000
HEX#212121
CMYK
Pantone172 U
CMYK
HEX#FFFFFF
HEX#F05A45
RGB
00 00 0000
00 807600
241 9170
HEX#00B5AC
RGB
000 181173
Col
ores
Esta paleta de color se puede ampliar a medida que surgen nuevos laboratorios. Busca un color que represente al labo-ratorio y que encaje con la paleta actual.
PantoneYellow U
CMYK
00 1010000
Pantone298 U
CMYK
60 01500
HEX#FFDD00
RGB
255 221000
Pantone487 U
CMYK
HEX#F7A69F
RGB
00 422800
Pantone2256 U
CMYK
HEX#5EB674
RGB
66 007200
086 188120
248 167160
HEX#52C5D7
RGB
82198216
Col
ores
Medialab Prado Medialab Prado
p.20 p.21
TipografíaEscala Tipográfica
Títulos
Tipografía
Medialab Prado
p.22 p.23
Medialab Prado
Chivo Regular
AaLa tipografía de Medialab y todos los laboratorios es la tipo-grafía Chivo. Esta tipografía es de código abierto y se puede descargar o utilizar en web desde Google fonts.No utilices otra tipografía complementaria.
Tipo
graf
ía
Para lograr consistencia entre todas las comunicaciones vamos a establecer la regla de 11. Trata de que tus titulares y textos en la medida de lo posible sean múltiplos de 11.
Escala Tipográfica
99pts
88pts
66pts
55pts
44pts
33pts
11pts
22pts
Compartir
Compartir
CompartirCompartir
CompartirCompartir
CompartirCompartir
Esca
la t
ipog
ráfi
ca
Medialab Prado Medialab Prado
p.24 p.25
Texto: 66 ptsInterlineado: 66 pts
Recomendamos que el interlineado seaigual al tamaño de texto.
InteligenciaColectiva parala democracia
Los Títulos se deben escribir en Chivo Regular.Recomendamos utilizar un solo tamaño de texto para todo el título. Crea diferentes jerarquías con los espacios, juega con la distribución del texto sobre el patrón.
Titu
lare
s
Texto1: 22 ptsTexto2: 66 pts
Si no puedes crear jerarquía con los espacios, utiliza un se-gundo cuerpo de texto. Busca el contraste, que haya diferen-cia entre uno y otro, no utilices dos tamaños similares.
Cada dato cuenta
Jornadas de periodismo de datos 2017:
Titu
lare
s
Medialab Prado Medialab Prado
p.26 p.27
Rejilla
Medialab Prado Medialab Prado
p.28 p.29
La rejilla es la estructura base para crear nuevos elementos.Todos los elementos visuales como iconos, patrones, ilustra-ciones, se deben construir a partir de esta rejilla. Esta es-tructura representa a la comunidad y las colaboraciones que se generan. Para crear nuevos elementos utiliza el archivo: Rejilla_medialab.pdf
Rej
illa
Por ejemplo: Patrón ParticipaLab, el patrón de cada laborato-rio se debe construir a partir de esta rejilla. Puedes utilizar el archivo: Rejilla_medialab_laboratorios.pdf
OJO: La rejilla de puntos es una referencia para construir elementos. NO debe utilizarse como parte del diseño final.
Rej
illa
Medialab Prado Medialab Prado
p.30 p.31
IconosTemas y Código
Iconos
Medialab Prado Medialab Prado
p.32 p.33
Icon
os
Icon
os
Los iconos representan los temas tratados en la web. Se construyen a partir de la rejilla base, y buscan transmitir de manera simple un concepto.
PensamientoEconomíaSolidaria
Medialab Prado Medialab Prado
p.34 p.35
AlimentaciónUCE001
AprendizajeUCE002
Arquitectura y urbanismoUCE003
ArtesaníaUCE004
ElectrónicaUCE017
Artes escenicasUCE018
ExperimentaciónsonoraUCE019
Fabricación digitalUCE020
Biología CreativaUCE005
CiudadUCE006
ComunicaciónUCE007
Creación DigitalUCE008
Cultura de proximidadUCE009
Datos abiertosUCE010
DemocraciaUCE011
Diseño libreUCE012
Diversidad funcionalUCE013
Ecología y medio ambienteUCE014
Economía solidariaUCE015
Edición de librosUCE016
Icon
os T
ipog
rafí
a
FeminismosUCE021
GobernanzaUCE022
InternetUCE023
JuegosUCE024
Salud y bienestarUCE037
Software libreUCE038
TecnopolíticaUCE039
TextilUCE040
LegislaciónUCE025
LGTBIQ géneroUCE026
LicenciaUCE027
MapeoUCE028
MediaciónUCE029
MemoriaUCE030
NarrativaUCE031
PensamientoUCE032
Peridismode datosUCE033
PrivacidadUCE034
ProcomúnUCE035
RuralUCE036
Icon
os T
ipog
rafí
a
Medialab Prado Medialab Prado
p.36 p.37
Aplicacionesimpresasy digitales
Dis
tan
cia
Medialab Prado Medialab PradoLo
go
p.38 p.39
CorporativoMedialab Prado
Medialab se representa a partir de la unión de los diferentes patrones de los laboratorios.Funciona mejor si utilizas los patrones a tamaño grande, toma en cuenta que tampoco es necesa-rio utilizar todos los patrones a la vez.
Ejemplo de portada calendario de programación
Dis
tan
cia
Medialab Prado Medialab PradoLo
go
p.40 p.41
Hoja A4Informativa
Comunicación print/web
Conferencia:Ciudades Inteligentes
pie de foto
Lenis pa dentem lab ipsum consed et parum latus moluptis aceprat pa porionsectio comnitatias dolenecto tempelicti doluptae sunt quo est, nullacerror sus molestiur, simuscius.Ipis quuntur as dolum fuga. Et aut anderna tatiur mos dit molorem qui vent etum, nonet lamet abo. Nempe nes rercilia venime ere eatio. Et voluptatur? Quissum atincimi, si denimol uptios sinus dolo omni ipsam, aut quos nobitiate consequis quam simoluptas similit, endit, inctus iur recto dolut pos dentiam eatur, cus.Catem esto blaboreprem int.Te perunt dolupta dolor mossunt eicilitem ius dolenest eiciet aut dolore poratem quodi quasi deror am explit, voluptae cuptasi mendelenda cum que ero dit, conseque expliquis mi, cuptatur, sumet aut litem quiam a num andit liquis nisinciae. Ferum et fugitias et quam explaci rem laciendem quod que mo voluptae nos et voluptia sitibust, sinuscit, sus dolorerum cus senimag nihicie ndelita tusdae nonse velique simi, consed exerum doluptatquam facepud issequo modigentia volupta tinistiis ernat ommolores as eos doluptat.psapitempor sitatiur? Equosto est et et quis maxim ernat ommolores as eos doluptat.psapitempor sitatiur? Equosto est et et quis maximInformación relacionada con
el evento
Medialab Prado Medialab Prado
p.42 p.43
ElementosNomenclatura
Logo LaboratorioPatrón
Patrón Simple
Laboratorios
Labo
rato
rios
Labo
rato
rios
Los elementos de identi-dad para cada laborato-rio son: el nombre, logo, color, patrón y patrón simple.
En las páginas siguien-tes descubrirás como se utiliza cada elemento y como se construyen nuevos laboratorios.
p.46 p.47
Hay dos formas de nombrar los laboratorios:
1. El nombre se puede formar a partir de una palabraque represente la temática, seguida del sufijo Lab. Esta palabra puede ser descriptiva, o una acción...
ParticipaLabAVLabPrototipaLabDataLab
Tipografía: Chivo Regular.
Nom
encl
atu
ra
1. Laboratorio de inteligencia colectiva para la democracia.2. Laboratorio de experimentación sonora.
3. Laboratorio de prototipado.4, Laboratorio de Datos.
1.
2.
3.
4.
Laboratorios Laboratorios
InCiLabCiCiLab
2. Puedes formar el nombre a partir de las iniciales del título del laboratorio. Cada inicial se debe escribir con mayúscula seguido del sufijo Lab.
Siempre que se cite a un laboratorio dentro de un texto, el nombre debe escribirse con sus mayúsculas igual que en su logotipo.
5. Laboratorio de innovación ciudadana6. Laboratorio de ciencia ciudadana
Nom
encl
atu
ra
5.
6.
p.48 p.49
El logo de cada laboratorio se construye a partir de las inicia-les del nombre. En algunos casos si coincide con un laborato-rio existente, se pueden utilizar las dos primeras letras del nombre.
Logo
labo
rato
rio
Laboratorios
1. ParticipaLab
2. PrototipaLab
Para hacer el logo final utiliza el archivo: 02_logos_laboratorios.ai
Logo
+ lo
goti
po
Laboratorios
p.50 p.51
A partir de la rejilla de Medialab Prado, creamos los patrones que identifican a cada laboratorio. Para construir el patrón juega creando formas geométricas uniendo puntos dentro de la rejilla. En la medida de lo posible trata de que estas for-mas tengan relación con la temática del laboratorio.
Pat
rón
Laboratorios
El patrón de ParticipaLab representa la red distribuída.
El patrón resultante tiene que funcionar tanto individual como en conjunto, por lo que te recomendamos trabajar teniendo en cuenta los demás laboratorios. Como base puedes utilizar el archivo: Grid_patterns_laboratorios.ai
Pat
rón
Laboratorios
El patrón de PrototipaLab está insipirado en los paneles para colgar herramientas, elemento presente en el área de prototipado.
p.52 p.53
El patrón simple es una versión simplificada del patrón. Se utiliza para comunicar actividades del día a día. El sistema está pensado para ser ágil y que no requiera mucho tiempo de ejecución. El patrón simple consiste en una línea disconti-nua que va de izquierda a derecha, regida por una o dos re-glas sencillas.
LaboratoriosP
atró
n s
impl
e
El patrón simple de ParticipaLab es una línea horizontal, que puedes moverarriba o abajo según componga mejor con tu texto.
Para cada nuevo laboratorio tienes que crear su propia re-gla. Piensa que debe ser sencillo y que alguien sin conoci-mientos de diseño debe ser capaz de manipular.
Laboratorios
Pat
rón
sim
ple
El patrón simple de PrototipaLab, es una línea que juega con las columnasdel formato, líneas rectas horizontales y verticales. En el formato A5 puedes
moverla en 6 columnas, para formatos mas grandes juega con 12 o más.
AVLab
p.56 p.57
AV
Lab
Laboratorio de experimentación sonora
Logo Logo + logotipo
Patrón simpleRegla: Juega con las ondas como representación del sonido.
PantoneYellow U
CMYK
00 1010000
HEX#FFDD00
RGB
255 221000
AV
Lab
AVLab
Patrón Representa la onda de sonido
Medialab Prado Medialab Prado
p.58 p.59
Formato A4
FormatoA2
madrid.es
AV
Lab
AV
Lab
Medialab Prado Medialab Prado
p.60 p.61
AV
Lab
Formato A5
AV
Lab
FormatoA5
Medialab Prado Medialab Prado
p.62 p.63
Medialab Prado Medialab Prado
Formato horizontal. Redes sociales – 1280x800
Formato horizontal. Redes sociales – 1280x800
AV
Lab
AV
Lab
medialab-prado.es
ExperienciaAcústica
+Streaming en directo
28.04.2017 – 17:00h a 20:00h
medialab-prado.es
XXIIIFestival Internacionalde Arte Sonoro y MúsicaElectroacústica “Puntode Encuentro” 2017
18.03 al 21.03
AVLab
CiCiLab
p.66 p.67
CiC
iLab
CiCiLab
Patrón
CiC
iLab
Laboratorio de Ciencia Ciudadana
Logo Logo + logotipo
Patrón simpleRegla: Crea una línea de izquierda a derecha con círculos.
Pantone2256 U
CMYK
HEX#5EB674
RGB
66 007200
086 188120
Inspirado en la mira de un microscopio
Medialab Prado Medialab Prado
p.68 p.69
madrid.es
FormatoA2
CiC
iLab
Formato A4
CiC
iLab
Medialab Prado Medialab Prado
p.70 p.71
CiC
iLab
FormatoA5
CiC
iLab
Formato A5
Medialab Prado
Formato horizontal. Redes sociales – 1280x800
CiC
iLab
medialab-prado.es
Apilink: A data monitoring project for beehives
23.05.2017
CiCiLab
Medialab Prado
Formato horizontal. Redes sociales – 1280x800
CiC
iLab
medialab-prado.es
Taller deGardening2.0
12.05.2017
InCiLab
Medialab Prado
p.76 p.77
InC
iLab
InCiLab
Patrón
InC
iLab
Laboratorio de innovación ciudadana
Logo Logo + logotipo
Patrón simpleRegla: Línea recta + línea diagonal + línea recta.
Pantone487 U
CMYK
HEX#F7A69F
RGB
00 422800
248 167160
Medialab Prado Medialab Prado
p.78 p.79
madrid.es
FormatoA2
InC
iLab
Formato A4
InC
iLab
Medialab Prado Medialab Prado
p.80 p.81
FormatoA5
InC
iLab
24.06 y 31.06
Formato A5
InC
iLab
Medialab Prado
Formato horizontal. Redes sociales – 1280x800
InC
iLab
medialab-prado.es
Medialab Prado
Formato horizontal. Redes sociales – 1280x800
InC
iLab
medialab-prado.es
[Px1NME]Por un nuevomodelo energético
05.04.2017 11:00h a 13:00h
DataLab
p.86 p.87
Dat
aLab
Laboratorio de datos
Logo Logo + logotipo
Patrón simpleRegla: Simula una gráfica de estadísticas. Mueve los puntos siguiendo una guía de 6 columnas.
Pantone327 U
CMYK
80 004000
HEX#00B5AC
RGB
000 181173
Dat
aLab
DataLab
Patrón
Medialab Prado Medialab Prado
p.88 p.89
Dat
aLab
Formato A4
madrid.es
Dat
aLab
FormatoA2
Medialab Prado Medialab Prado
p.90 p.91
Dat
aLab
Formato A5
Dat
aLab
FormatoA5
Medialab PradoMedialab Prado
Formato horizontal. Redes sociales – 1280x800
Formato horizontal. Redes sociales – 1280x800
Dat
aLab
Dat
aLab
p.94 p.95
ParticipaLab
Dis
tan
cia
Logo
p.96 p.97
Laboratorio de inteligencia colectiva
para la democracia
Pantone172 U
CMYK
HEX#F05A45
RGB
00 807600
241 9170
Logo Logo + logotipo
Patrón simpleRegla: Puedes mover la línea hacia arriba o hacia abajo según componga mejor con tu texto.
ParticipaLab
Patrón Representa la red distribuída
p.98 p.99
Medialab PradoMedialab Prado
Par
ticp
aLab
Par
ticp
aLab
Formato A4
FormatoA2
Open
madrid.es
El Coctell
Diseñatón
04 y 05.08
10:00h
Medialab Prado Medialab Prado
p.100 p.101
Par
ticp
aLab
Par
ticp
aLab
Formato A5
FormatoA5
InteligenciaColectivapara laDemocracia
24.06 y 31.06
Distribuído
17.06
ParticipaLab
Medialab PradoMedialab Prado
Par
ticp
aLab
Par
ticp
aLab
Formato horizontal. Redes sociales – 1280x800
Formato horizontal. Redes sociales – 1280x800
medialab-prado.es
Innovaciónpolítica,innovacióncuidadana
10.03.2017 20:00h - 21:30h
medialab-prado.es
11.2017
ParticipaLab
Inteligencia Colectivapara la democracia
PrototipaLab
p.106 p.107
Pro
toti
paLa
b
Laboratoriode prototipado
Logo Logo + logotipo
Patrón simpleRegla: Juega con líneas rectas, horizontales y verticales sobre la rejilla de columnas.
Pantone298 U
CMYK
60 01500
HEX#52C5D7
RGB
82198216
Pro
toti
paLa
b
PrototipaLab
Patrón Inspirado en los paneles de colgar herramientas
Medialab Prado Medialab Prado
p.108 p.109
Formato A4
Pro
toti
paLa
b
madrid.es
FormatoA2
Pro
toti
paLa
b
Medialab Prado Medialab Prado
p.110 p.111
Formato A5
Pro
toti
paLa
b
FormatoA5
Pro
toti
paLa
b
Medialab PradoMedialab Prado
Formato horizontal. Redes sociales – 1280x800
Formato horizontal. Redes sociales – 1280x800
Pro
toti
paLa
b
Pro
toti
paLa
b
medialab-prado.es
18.03
Taller:Diseñando mis juguetes
medialab-prado.es
18.06.2017
PrototipaLab
SkateFab
Diseño por Tata&Friends