El documento presenta el manual de identidad gráfica del Observatorio Ciudadano Municipal (OCM), que tiene como objetivo generar dinámicas de trabajo y colaboración ciudadanas desde abajo. Describe los elementos básicos de la identidad gráfica del OCM, como la tipografía, colores e imágenes, y cómo esta puede personalizarse para cada municipio. También explica diferentes niveles de aplicación de la identidad en la web, redes sociales, materiales de difusión y comunicación interna.

1. Observatorio Ciudadano
Municipal
Presentación Identidad Gráfica

2. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Punto de partida

3. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Punto de partida
OCM es más que un web o una aplicación.

4. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Punto de partida
OCM es más que un web o una aplicación.
El web es el eje central de la herramienta,
pero también es un punto de partida con el objetivo
de generar dinámicas de trabajo y colaboración
ciudadanas, de reelaboración de una cultura
de transparencia pero construida desde abajo,
desde los barrios y los municipios.

5. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Necesidades de la identidad

6. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Necesidades de la identidad
Sencilla
El OCM es un proyecto abierto a todo el mundo por lo que la
aplicación de su identidad debe partir de bases muy sencillas,
que permitan escalar el proyecto cuanto sea necesario.

7. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Necesidades de la identidad
Rigurosa
La identidad debe reflejar la seriedad y rigurosidad
de la herramienta. Creemos en la necesidad de empoderar
a la ciudadanía demostrando que todas juntas podemos
suplir aquellos huecos que la administración se empeña
en no cubrir.

8. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Cómo funciona la identidad
(Niveles de aplicación)
Aplicación
web
Identidad
redes
Material difusión
offline
Material comunicación
interna

9. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Cómo funciona la identidad
(Niveles de aplicación)
Nivel
básico
Nivel
avanzado
Aplicación
web
Identidad
redes
Material difusión
offline
Material comunicación
interna
Qué hacer:
escoger un color para
vuestro OCM
Qué hacer:
Crear avatares con
la tipografía OCM + color
Qué hacer:
Editar o personalizar las
plantillas de comunicación
o generar nuevas piezas
Qué hacer:
Editar o personalizar las
plantillas de comunicación
o generar nuevas piezas

10. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Elementos de la gráfica OCM

11. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Elementos de la gráfica OCM
Observatori
Ciutadà
Municipal del
Ayuntamiento A
Observatori
Ciutadà
Municipal del
Ayuntamiento A
Observatori
Ciutadà
Municipal del
Ayuntamiento A
1. Tipografía
Nivel básico
2. Colores
3. Imágenes
Nivel avanzado

12. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Personalización de la gráfica OCM
Observatori
Ciutadà
Municipal de
l’Ajuntament A
Observatori
Ciutadà
Municipal de
l’Ajuntament B
Observatori
Ciutadà
Municipal de
l’Ajuntament C
Observatori
Ciutadà
Municipal de
l’Ajuntament D
Observatori
Ciutadà
Municipal de
l’Ajuntament E
Fons positiu
#060604
Fons Negatiu
#060604
OCM blau
#060604
OCM verd
#060604
OCM vermell
#060604
OCM rosa
#060604
OCM caqui
#060604

13. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Personalización de la gráfica OCM

14. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Personalización de la gráfica OCM

15. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Personalización de la gráfica OCM
Observatori Ciutadà
Municipal de l’Ajuntament A
Observatori Ciutadà
Municipal de l’Ajuntament A
Título lorem ipsum
iniquat nebut
Observatori Ciutadà
Municipal de l’Ajuntament A
Título lorem ipsum
iniquat nebut
Título lorem
ipsum iniquat
nebutibus

16. Observatori Ciutadà Municipal
Manual d’Identitat gràfica
Personalización de la gráfica OCM
Observatori
Ciutadà
Municipal de
l’Ajuntament A
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nulla tellus felis, laoreet ac
feugiat sed, vehicula ut dui.
Sed auctor viverra
Burocra...què?
Observatori Ciutadà
Municipal de l’Ajuntament A
Burocra...què?
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla tellus felis, laoreet ac feugiat sed, vehicula ut dui.
Sed auctor viverra ante et ultricies. Mauris consectetur
sem metus, facilisis vulputate lectus faucibus ut.
Observatori Ciutadà
Municipal de l’Ajuntament A
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla tellus felis, laoreet ac feugiat sed, vehicula ut dui. Sed
auctor viverra ante et ultricies. Mauris consectetur sem
metus, facilisis vulputate lectus faucibus ut. Praesent sit
amet lobortis sem. Etiam orci velit, pellentesque vitae eros
ac, varius tempor sem. Maecenas vitae nisl in lorem pharetra
ullamcorper id vel odio.
In malesuada neque at est facilisis.
Sed auctor viverra ante et ultricies. Mauris consectetur sem
metus, facilisis vulputate lectus faucibus ut. Praesent sit
amet lobortis sem. Etiam orci velit, pellentesque vitae eros
ac, varius tempor sem.
Observatori Ciutadà
Municipal de l’Ajuntament A
Títol del viral lorem
ipsum ac laoreet ut dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla tellus felis, laoreet ac feugiat sed, vehicula ut dui. Sed
auctor viverra ante et ultricies. Mauris consectetur sem
metus, facilisis vulputate lectus faucibus ut. Praesent sit
amet lobortis sem. Etiam orci velit, pellentesque vitae eros
ac, varius tempor sem. Maecenas vitae nisl in lorem pharetra
ullamcorper id vel odio. In malesuada neque at est facilisis.
Observatori Ciutadà
Municipal de l’Ajuntament A
Burocra...què?
Observatori Ciutadà
Municipal de l’Ajuntament A