free open-source democracy

identitat gràfica

decidim

identitat gràfica

2

introducció

guies

3

identificadorssímbollogotip
combinació simbol/logotip
lemacolorspositiu/negatiu
aplicacions no permeses
espai propi
pastilla
metadecidim
plataforma/comunitat
avatars
signatura
tipografia
alfabet decidim
programa
icones

4
5
6
7
9
10
11
12
13
14
15
17
18
20
22
23
25

comunicació

retícula baseretícula base en elements impresos
ús de les pastilles
exemplesretícula base en pantalles
exemplesvídeo
xarxes socials
documents i cartes
estils de texte
fotografía
altres aplicacions
links

28
30
32
34
39
41
45
47
51
53
54
55
66

decidimintroducció

guies

El manual d’aplicació de la identitat gràfica del decidim és l’eina per comunicar la plataforma
i la comunitat amb la mateixa cura i esperit col·laboratiu que les construïm dia a dia.
Per què necessitem guies?
Els nostres valors haurien de ser evidents on sigui que la imatge del decidim s’aplica, tant sigui
online o analògicament. Si seguim aquestes directrius coherentment, la marca acompanyarà elcreixement de la plataforma i la comunitat, i serà una eina per aconseguir una millor democràcia.
Per aquesta guia decidim consta de dues parts, la plataforma i la comunitat:
La plataforma es refereix al software i tots els recursos materials i humans associats directament
al mateix (webs, manuals, tutorials...)
La comunitat es refereix a l’entorn d’usuàries, desenvolupadores i col·laboradores que suporten
donen vida a la plataforma.
Per definir gràficament tant la plataforma com la comunitat, hem creat un sistema compartit que
genera una única identitat coherent, un programa gràfic escalable i de codi obert, que combina
les necessitats d’uniformitat amb les diferents aplicacions especifiques de cada entorn.
Aquestes guies proporcionen tot el que necessites per crear materials de comunicació
que construiran la identitat del decidim, si us plau apropia’t d’elles i utilitza-las.
Col·labora amb la tasca del decidim aplicant aquestes guies amb cura.

3

decidim

identificadorssímbolEl símbol del decidim sintetitza les qualitats de la marca en un gràfic coherent i memorable.
És, de fet, la lletra “d” de una tipografia dissenyada expressament (MOD1L), més un punt
que apunta a la modularitat del sistema i ens situa en l’ambit digital.
El símbol es combina amb el logotip i s’integra dins d’un sistema gràfic amb regles senzilles peròrigoroses, el seu ús coherent és essencial per a la creació d’una identitat de marca consistent.
El nostre logotip es subministra en diversos formats i mai hauria de ser alterat, distorsionat orecreat en qualsevol manera.

4

decidim

identificadors

logotip

El logotip del decidim es el nostre nom composat amb la tipografia principal (Barlow).
En consonància amb l’esperit democràtic del projecte, decidim s’escriu sempre amb caixa baixa(minúscules). Totes les lletres tenen el mateix valor.
Sobre l’ús de majúscules i minúscules altres elements de la comunicació: veure pàgina 53
El logotip es pot utilitzar juntament amb el símbol o per separat, seguint les indicacions d’aquesta
guia. El seu ús coherent és essencial per a la creació d’una identitat de marca consistent.
El nostre logotip es subministra en diversos formats i mai hauria de ser alterat, distorsionat orecreat en qualsevol manera.

5decidim

identificadors

combinació símbol/logotip

La combinació preferent de símbol i logotip és com es mostra, alineada per sota.
Altres combinacions són possibles depenent del context, com per exemple amb lema,així com el seu ús per separat.

6

decidim

identificadorslema

El lema del decidim resumeix la nostra vocació i defineix concretament la nostra activitat.

7

decidim

identificadorslema

El lema es pot utilitzar juntament amb el símbol/logotip o per separat depenent del context.
Quan s’utilitza com a part de l’identificador es construeix de la següent manera:

4,5 X

X = 24pts

free open-source democracy

El lema no es pot utilitzar com a part de l’identificador a mides menors de 10 mmfree open-source democracy8decidim

identificadors

color

9

El color del decidim es una part molt important de la nostra identitat.
És un vermell elèctric RED DCDM.
Combinat amb BLANC permet varietat suficient mantenint l’esperit d’economia de recursos iclaredat que caracteritza a la marca.

principal
HEX – #FF3333
RGB - 255 / 51 / 51
CMYK - 0 / 87 / 80 / 0
Pantone Warm Red C
Pantone Bright Red U

decidim

identificadors

Aplicacions del logotip en positiu i negatiu.

positiu/negatiu

10decidim

identificadors

aplicacions no permeses

11

El logotip s’ha dissenyat com una única peça gràfica, per presentar-se com un sòlid aïllat,
horitzontal i contra fons uniformes o fotogràfics. El logotip no deu ser alterat ni distorsionat
de cap manera. La seva efectivitat depèn de l’aplicació consistent de les guies d’aquest manual.
Els exemples aquí representats mostren algunes formes incorrectes d’aplicació. Evitem-les.

2

4

5

6

7

8

9

decidim

identificadors

espai propi

El logotip sempre ha de tenir al voltant una àrea lliure de qualsevol altre element.
Aquesta àrea ha de ser equivalent al mòdul sencer d’una lletra (sense els ascendents).

12

decidim

identificadors

pastilla

Un element complementari principal és la pastilla.
Aquesta es genera amb la mateixa retícula i regles empleadas a la creacio del simbol y l’alfabet.
La pastilla s’utilitza de dues formes:
Per generar declinacions del nom dins del sistema (p. ex: meta decidim)
Com a element gràfic en elements comunicatius.

13decidim

identificadors

metadecidim

La comunitat és un cas específic en el desenvolupament de la identitat del decidim, comparteix
sistema gràfic i elements comunicatius però té un logotip propi construït amb la pastilla.
La més important d’aquestes declinacions és la comunitat metadecidim.

14

decidim

identificadors

plataforma/comunitat

15

Les dues parts en què es divideix la identitat és caracteritzen pel logotip i l’ús del color.
Per a la plataforma s’utilitza el logotip decidim en vermell sobre fons blanc.
Per a la comunitat s’utilitza la declinació metadecidim sobre fons vermell.

plataforma

comunitat

decidim

identificadors

plataforma/comunitat

16

La diferenciació entre la comunicació des de la plataforma o des de la comunitat, ve donada pel
nivell i tipus d’ús que fem del vermell. Els seus graus d’aplicació són lliures excepte en els casos
indicats però podem dir que, en general, la comunicació des de la plataforma ha de tenir un airemés “net” i menys dens, amb predominança de fons blanc, com veiem a l’exemple.

plataforma

comunitat

decidim

identificadors

avatars

17

Aquesta diferència de to, s’entén clarament en les aplicacions com avatar.

plataforma

comunitat

decidim

identificadors

signaturaUna de les aplicacions més importants de la identitat és la signatura.
La signatura identifica que un projecte aliè utilitza la tecnologia decidim.
S’expressa utilitzant la fórmula anglesa powered by i utilitzem amb un format del logoptip
u altre depenent del context.

18

decidim

identificadors

signatura19

La signatura es situa preferentement sempre al peu de la peça.
Si va sola, s’alinea indistintament a esquerra o a dreta, si va acompanyada d’indicadors de tercers,
es col·locarà al costat oposat a aquest.

ok

ok

no

Hem d’evitar les redundàncies amb el logotip del decidimpròpiament. Cada cas s’ha de analitzar en funció de lesseves particularitats, però hem d’aplicar sempre el principi
d’economia de recursos.

decidim

identificadors

tipografía

Barlow és la tipografia que acompanya al logotip i s’ha d’utilitzar a totes les aplicacions icomunicacions de decidim.
Barlow és una família completa de tipus grotesca, lleugerament arrodonida, de baix-contrast,
dissenyada per Jeremy Tribby. Basada en la DIN Engschrift (l’estàndard de les autopistes centro
europees) i nomenada en homenatge a John Perry Barlow.
Les seves formes arrodonides reforcen i complementa’n a l’alfabet MOD1L i és consistent amb
els valors del projecte, en ser una tipografia gratuïta i de codi obert.

20

decidim

identificadors

tipografía

21

Barlow és una família completa i tots els seus pesos poden ser utilitzats lliurement per la identitat
i comunicació de decidim, respectant tamanys o pesos allà on s’especifiquin en aquesta guia.

regularitalicbold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@

bold italic

black

black italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?%&*{@

decidim

identificadorsalfabet decidim

Hem creat un alfabet específic per al decidim.
L’alfabet MOD1L és un programa geomètric de cantonades rodones que emfatitzen els valors de laidentitat del decidim. L’alfabet MOD1L existeix només en caixa baixa, sense mayuscules.
A més de ser la tipografia del logotip aquest alfabet es pot utilitzar com a recurs gràfic quan es
consideri necessari: veure pàgina 58.

22

decidim

identificadorsprograma

L’alfabet MOD1L es genera a partir d’un programa gràfic reminiscent de les primeres versions dela imatge. Amb ella és generen tots els mòduls necessaris per construir les lletres, números ielements complementaris que tenen com veurem gran importància en el desenvolupamentdel programa gràfic.
Les cantonades rodones són també un tret essencial en la creació d’icones.

23

decidim

identificadors

icones24

decidim

identificadors

iconesAquestes icones deuen ser creades tenint en compte la lògica constructiva de l’alfabet iel to general de la identitat. Han de ser senzilles, clares, de formes arrodonides i amigables.

25

decidim

identificadors

iconesEs poden crear tantes icones com es consideri necessari en els quatre estils que podem veure
a sota. És important portar un repositori centralitzat d’iconografia per tal d’evitar redundàncies idesviacions d’estil.

26

decidim

identificadors

iconesLes noves icones han de ser consistents amb les creades amb anterioritat i amb l’estil generalde disseny tant en la plataforma com en els elements de comunicació.

27

decidimcomunicació

reticula base

La comunicació, tant de la plataforma com de la comunitat, es construeix sobre una retícula molt
senzilla d’un mínim de tres columnes que s’adapta al format i que permet mantenir una coherència
independentment de la resolució de cada peça.
Per a la comunicació, el logotip, tant de la plataforma com de la comunitat, es situa sempre en lasegona columna, les seves declinacions es distribueixen a la resta de columnes.

28decidimcomunicació

retícula base

29

L’estructura, unida a les normes d’aplicació de color i al logotip permet diferenciar el discursde la plataforma del de la comunitat mantenint una coherència i generant identitat.
En general la comunicació des de la plataforma ha de tenir un aire més “net” i menys dens,
amb predominança de fons blanc, com veiem l’exemple.

decidim.viz

visualització de dades
per a la participació democràtica

universitat pompeu fabra
roc boronat, 138, barcelona
campus poble nou
edifici tànger sala 52.s27

miercoles 13/12/217

sesiónoperativa
metadecidim

universitat pompeu fabra
roc boronat, 138, barcelona
campus poble nou
edifici tànger sala 52.s27

decidimcomunicació

retícula base en elements impresos

La retícula es construeix prenent com a referència els elements modulars del logotip del decidim.
Aquestes mateixes proporcions serveixen per crear les pastilles i gràfics de suport.
En les aplicacions impreses les proporcions s’obtenen com segueix:(Prenent com a exemple un A4 vertical)

8mm
6,5 a

48 a

r = 5mm<5a>30

decidimcomunicació

retícula base en elements impresos

31

En les aplicacions impreses la retícula s’adapta al format i determina la grandària del logotip.
En formats menors de A5 la grandària mínima de logotip és de 5mm d’altura (A4)
En les versions horitzontals de formats DIN la retícula és de 4 columnes.

a5

a4

a3

a2

a3h

a4h

decidimcomunicació

ús de les pastilles

Les pastilles són elements importants per al disseny de peces de comunicació.
El seu ús és lliure, dins de les limitacions bàsiques de la retícula.

32

decidimcomunicació

ús de les pastilles

La combinació de tipografia i pastilles en formats impresos és lliure a partir de les proporcions
marcades en l’exemple. Preferentment utilitzant un únic pes (Barlow Medium) combinant-lo amb
les pastilles en funció de les necessitats. (Prenent com a exemple un A4)

títolssubtítols

text

títolssubtítolstext

36 pts suspendisse
suscipit
18 pts suspendisse suscipit odio sed
dui scelerisque tristique.
9 pts suspendisse suscipit odio sed dui scelerisque tristique.

36 pts suspendisse
suscipit
18 pts suspendisse suscipit odio sed
dui scelerisque tristique.
9 pts suspendisse suscipit odio sed dui scelerisque tristique.

33

decidimcomunicació

exemples34

Quan no existeixi una imatge específica per a la comunicació, es podrán utilitzar les pastilles
com a element gràfic. El seu ús és lliure dins de les recomanacions d’aquesta guia.

suspendisse
suscipit
odio sed dui
scelerisquetristique.

consectetur
adipiscing elit.

suspendisse suscipit odio sed
dui scelerisque tristique.

suspendisse
suscipit

suspendisse suscipit odio sed
dui scelerisque tristique.

lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse
suscipit odio sed dui scelerisque tristique. aenean commodo id mi vitae
euismod. ut faucibus tortor eget luctus consequat. praesent tortor
metus, ornare nec diam at, pharetra congue elit.

suspendisse suscipit odio sed dui scelerisque tristique.

lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse
suscipit odio sed dui scelerisque tristique. aenean commodo id mi vitae
euismod. ut faucibus tortor eget luctus consequat. praesent tortor
metus, ornare nec diam at, pharetra congue elit.

lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse suscipit odio
sed dui scelerisque tristique. aenean commodo id mi vitae euismod. ut faucibus
tortor eget luctus consequat. praesent tortor metus, ornare nec diam at, pharetra
congue elit.

consectetur adipiscing elit.

consectetur adipiscing elit.

decidimcomunicació

exemples35

Exemples de composició amb diferents elements propis del sistema gràfic.

suspendisse
suscipit
odio sed dui
scelerisquetristique.

lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse
suscipit odio sed dui scelerisque tristique. aenean commodo id mi vitae
euismod. ut faucibus tortor eget luctus consequat. praesent tortor
metus, ornare nec diam at, pharetra congue elit.

suspendisse
suscipit

suspendisse suscipit odio sed
dui scelerisque tristique.

miercoles 13/12/217

sesiónoperativa
metadecidim

suspendisse suscipit odio sed dui scelerisque tristique.

lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse suscipit odio
sed dui scelerisque tristique. aenean commodo id mi vitae euismod. ut faucibus
tortor eget luctus consequat. praesent tortor metus, ornare nec diam at, pharetra
congue elit.

consectetur adipiscing elit.

consectetur adipiscing elit.

universitat pompeu fabra
roc boronat, 138, barcelona
campus poble nou
edifici tànger sala 52.s27

decidimcomunicació

exemples36

Exemples de maquetació en format A5 amb diferents elements propis del sistema gràfic.
La retícula serà sempre el fonament de la maqueta. Es pot treballar lliurement dins d’aquesta
sempre que es respecten les recomanacions d’aquesta guia.
Evitarem els formats no estandar en les petites comunicacións impreses (p.ex. “triptics”),
intentant emplear sempre formats DIN o proporcionals.

títulotítulolorem ipsum dolor sit amet,consectetur velit.

Lorem ipsum dolor sit amet,consectetur adipiscing elit.
Phasellus eu tellus a nunc
blandit venenatis. Integer non
ornare nulla.

Lorem ipsum dolor sit amet,consectetur adipiscing elit.
Phasellus eu tellus a nunc
blandit venenatis. Integer non
ornare nulla. Morbi non lacinia
est. Pellentesque viverra,velit eget tincidunt suscipit,
felis purus porttitor dui,aliquam varius tellus augue
id velit. Pellentesque ac nunc
at lectus tincidunt egestas.
Aliquam convallis metus sed
diam congue pharetra. Nam at
feugiat nisi.
Sed non fringilla mauris.
Suspendisse feugiat, nibh
a bibendum rhoncus, justo
dolor efficitur augue, vitae
pulvinar nisi neque vel leo.
Duis volutpat dolor non magnainterdum suscipit. Phasellus
massa metus, molestie ut
suscipit at, dignissim semper
lacus. In vel eleifend velit.
Phasellus id ligula ut nisl
rutrum auctor a sit amet
lorem. Aenean auctor, velit
ut tincidunt luctus, risus eros
cursus tortor, vitae viverra
lectus dui fermentum nisl.

Nullam ipsum lectus, convallis
a magna ac, convallis molestie
ante. Sed nec augue tincidunt,
tempus risus sed, convallis
leo. Suspendisse id convallis
orci. Duis sagittis ut sem eu
finibus. Pellentesque auctor
nunc quam, at volutpat
metus pellentesque sit amet.
Donec vulputate, lacus at
facilisis accumsan, velit enim
condimentum nulla, et rutrum
nibh ligula eget lectus. Fusce
sed libero metus. Cras nibh
risus, ultrices et dolor vel,faucibus fringilla turpis.
Integer eu pulvinar sapien, eu
consequat nibh. Vestibulum
ante ipsum primis in faucibus
orci luctus et ultrices posuere
cubilia Curae; Nulla facilisi. Ut
ut scelerisque nisi.

Donec placerat libero a mi
porttitor, eget tristique nulla
ultrices. Donec at enim ut velit
euismod dignissim. Phasellus
dictum consequat fermentum.
Ut ac elit sem.
Nullam et egestas purus, atsuscipit nisi. Sed scelerisquemauris sit amet blandit mollis.
Sed ipsum eros, rutrum vitae
lobortis eu, tincidunt eget
justo. Proin pulvinar laoreet
posuere. Duis id sapien
venenatis metus interdum
scelerisque eu ac nulla.
Praesent sed bibendum elit.
Morbi sem lorem, pulvinar
suscipit arcu vel, semper
tincidunt nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eu tellus a nunc blandit venenatis. Integer non ornare
nulla. Morbi non lacinia est. Pellentesque viverra, velit egettincidunt suscipit, felis purus porttitor dui, aliquam varius tellus
augue id velit. Pellentesque ac nunc at lectus tincidunt egestas.
Aliquam convallis metus sed diam congue pharetra. Nam at
feugiat nisi.

lorem ipsum dolor sit amet,consectetur velit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eu tellus a nunc blandit venenatis. Integer non ornare
nulla. Morbi non lacinia est. Pellentesque viverra, velit egettincidunt suscipit, felis purus porttitor dui, aliquam varius tellus
augue id velit. Pellentesque ac nunc at lectus tincidunt egestas.
Aliquam convallis metus sed diam congue pharetra. Nam at
feugiat nisi.

Proin pellentesque velit
at turpis maximus aliquet.
Duis semper dolor vel enimpellentesque, non venenatis
elit vulputate. Sed vulputatemassa id risus pellentesque,eget ornare urna ornare.

títuloLorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eu tellus a nunc blandit venenatis. Integer non ornare
nulla. Morbi non lacinia est. Pellentesque viverra, velit egettincidunt suscipit, felis purus porttitor dui, aliquam varius tellus
augue id velit. Pellentesque ac nunc at lectus tincidunt egestas.
Aliquam convallis metus sed diam congue pharetra. Nam at
feugiat nisi.

•
•
•
•
•
•
•

Lorem ipsum dolor sit amet,consectetur adipiscing elit.
Phasellus eu tellus a nunc
blandit venenatis. Integer nonlorem ipsum dolor sit amet,consectetur velit.

lorem ipsum dolor sit amet,consectetur velit.

Sed non fringilla mauris. Suspendisse feugiat.
Nibh a bibendum rhoncus, justo dolor efficitur augue.
Vitae pulvinar nisi neque vel leo.
Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim
semper lacus.
In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet
loremAenean auctor, velit ut tincidunt luctus, risus eros
cursus tortor, vitae viverra lectus dui fermentum nisl.

Nullam ipsum lectus, convallis a magna ac, convallis molestie
ante. Sed nec augue tincidunt, tempus risus sed, convallis leo.
Suspendisse id convallis orci.

Lorem ipsum dolor sit amet,consectetur adipiscing elit.
Phasellus eu tellus a nunc
blandit venenatis. Integer non

dolor
sit
amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus eu tellus a nunc blandit venenatis. Integer non ornare
nulla. Morbi non lacinia est. Pellentesque viverra, velit egettincidunt suscipit, felis purus porttitor dui, aliquam varius tellus
augue id velit. Pellentesque ac nunc at lectus tincidunt egestas.
Aliquam convallis metus sed diam congue pharetra. Nam at
feugiat nisi.

lorem ipsum dolor sit
amet, consectetur velit.

lorem ipsum dolor sit
amet, consectetur velit.

lorem ipsum dolor sit
amet, consectetur velit.

Duis sagittis ut sem eu finibus. Pellentesque auctor nunc quam,at volutpat metus pellentesque sit amet. Donec vulputate, lacus
at facilisis accumsan, velit enim condimentum nulla, et rutrum
nibh ligula eget lectus. Fusce sed libero metus. Cras nibh risus,

www.decidim.org

Fàbrica de Creació
Fabra i Coats
Carrer de Sant Adrià, 20
08030 Barcelona
Tercera planta, Sala 1

decidimcomunicació

exemples37

Una de les aplicacions més comunes és la presentació de documents en format A4 produïts
en editors de text. Basant-nos sempre en la retícula base treballarem una maqueta méssenzilla d’una única columna, similar al format Butlletí. Aquesta maqueta serà l’estandar per lacomunicació d’us interno. Pots trobar la plantilla editable aquí.

lorem ipsum
dolor sit

1

Lugar. Dia / Mes / Año

lorem ipsum
dolor sit amet,consectetur velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesque ac nunc
at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Nam at feugiat
nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.
Nullam ipsum lectus, convallis a magna ac, convallis molestie ante. Sed nec augue tincidunt,
tempus risus sed, convallis leo. Suspendisse id convallis orci. Duis sagittis ut sem eu finibus.
Pellentesque auctor nunc quam, at volutpat metus pellentesque sit amet. Donec vulputate,lacus at facilisis accumsan, velit enim condimentum nulla, et rutrum nibh ligula eget lectus.
Fusce sed libero metus. Cras nibh risus, ultrices et dolor vel, faucibus fringilla turpis.
Integer eu pulvinar sapien, eu consequat nibh. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla facilisi. Ut ut scelerisque nisi. Proin pellentesquevelit at turpis maximus aliquet. Duis semper dolor vel enim pellentesque, non venenatis elit
vulputate. Sed vulputate massa id risus pellentesque, eget ornare urna ornare. Donec placerat
libero a mi porttitor, eget tristique nulla ultrices. Donec at enim ut velit euismod dignissim.
Phasellus dictum consequat fermentum. Ut ac elit sem.
Nullam et egestas purus, at suscipit nisi. Sed scelerisque mauris sit amet blandit mollis. Sed
ipsum eros, rutrum vitae lobortis eu, tincidunt eget justo. Proin pulvinar laoreet posuere. Duisid sapien venenatis metus interdum scelerisque eu ac nulla. Praesent sed bibendum elit. Morbi
sem lorem, pulvinar suscipit arcu vel, semper tincidunt nibh.
Nulla aliquet, odio a suscipit maximus, leo ante tempor nibh, a lobortis mauris dui molestie
magna. Nulla tristique ullamcorper lectus non varius. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras a quam nec
massa mattis auctor vel sed ex. Fusce sit amet placerat nulla, non pretium felis. Pellentesqueut pretium enim, eleifend consectetur ex. Nulla risus elit, venenatis quis libero sed, pretium
lacinia odio.
In massa eros, varius ut magna dictum, consequat tempus mauris. Nunc pretium felis et elit
porttitor, commodo interdum quam pretium. Donec eget ornare lectus. Donec consectetur
hendrerit nisl, quis luctus ante sollicitudin ultrices. Fusce magna turpis, varius eu feugiat in,
faucibus vitae tellus. Integer sit amet pellentesque felis. Donec pharetra iaculis lectus fermentum dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesque ac nunc
at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Nam at feugiat
nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.

Nunc elementum, elit mollis elementum iaculis, lacus elit porttitor massa, non fringilla dolor
mi sed ante. Curabitur maximus pharetra risus sit amet egestas. Sed vel lorem semper justolaoreet fringilla vitae ac velit. Nullam nec malesuada nisl. Duis nulla nunc, auctor a volutpat nec,
rhoncus vitae metus. Nunc ac est lectus. Duis aliquet condimentum mi. Praesent scelerisqueerat ut purus sollicitudin, a convallis odio porta. Fusce gravida volutpat rutrum.

Nullam ipsum lectus, convallis a magna ac, convallis molestie ante. Sed nec augue tincidunt,
tempus risus sed, convallis leo. Suspendisse id convallis orci. Duis sagittis ut sem eu finibus.
Pellentesque auctor nunc quam, at volutpat metus pellentesque sit amet. Donec vulputate,lacus at facilisis accumsan, velit enim condimentum nulla, et rutrum nibh ligula eget lectus.
Fusce sed libero metus. Cras nibh risus, ultrices et dolor vel, faucibus fringilla turpis.
Integer eu pulvinar sapien, eu consequat nibh. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla facilisi. Ut ut scelerisque nisi. Proin pellentesquevelit at turpis maximus aliquet. Duis semper dolor vel enim pellentesque, non venenatis elit
vulputate. Sed vulputate massa id risus pellentesque, eget ornare urna ornare. Donec placerat
libero a mi porttitor, eget tristique nulla ultrices. Donec at enim ut velit euismod dignissim.
Phasellus dictum consequat fermentum. Ut ac elit sem.
Nullam et egestas purus, at suscipit nisi. Sed scelerisque mauris sit amet blandit mollis. Sed
ipsum eros, rutrum vitae lobortis eu, tincidunt eget justo. Proin pulvinar laoreet posuere. Duisid sapien venenatis metus interdum scelerisque eu ac nulla. Praesent sed bibendum elit. Morbi
sem lorem, pulvinar suscipit arcu vel, semper tincidunt nibh.

Phasellus mauris dolor, posuere non maximus quis, rutrum accumsan quam. Nam at massa
fringilla, pellentesque nibh nec, tristique nulla. In auctor, quam quis suscipit tincidunt, eros
nisl lacinia justo, ut venenatis ex lorem et diam. Etiam enim odio, sagittis sit amet tincidunt in,volutpat at ipsum. Proin congue augue sapien, eu aliquam ante gravida in. Praesent mi ligula,semper quis tortor vulputate, efficitur vulputate nulla. In eu urna varius, rhoncus elit ac, gravida velit. Quisque ullamcorper dui felis, sed tristique nisi consectetur ut. Nam congue ac justo
eget efficitur. Aliquam vel neque bibendum, varius urna vitae, hendrerit dui. Vivamus vitae
elementum odio.
Cras sit amet dui nisi. Nunc quis luctus leo. Etiam egestas lobortis turpis.
Donec gravida, nisl ac imperdiet mattis, massa diam semper lorem, sed porttitor arcu risus
vitae arcu. Duis euismod, est ut semper porttitor, mi quam rhoncus diam, a facilisis sem urna
id sem. Praesent efficitur fermentum sollicitudin. Nam vehicula mi nisi, nec hendrerit ipsum
blandit ut. Sed ultrices lorem sit amet consequat malesuada. Vivamus eu tortor est. Quisquemattis nulla sed nisi rutrum, sodales commodo mi bibendum. Nulla et cursus ligula.
Morbi vulputate neque et magna finibus, a pulvinar dui tempus. Pellentesque iaculis placerat
nunc nec porta. Phasellus id quam quis nunc mollis aliquet ut eu massa. Sed pretium, magna
non ullamcorper scelerisque, elit ipsum suscipit diam, eu laoreet ex ex eget erat. Nullam a imperdiet est. Curabitur aliquet, leo nec ornare aliquam, magna justo tincidunt dolor, id porttitor
lectus ligula laoreet orci. Quisque ultrices lacus risus, non luctus urna vehicula quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit egettincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesqueac nunc at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Namat feugiat nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo
dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit. Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel
eleifend velit. Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut
tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.

Firmadolorem ipsum
1

2

www.decidim.org

Fàbrica de Creació Fabra i Coats
Carrer de Sant Adrià, 20
08030 Barcelona
Tercera planta, Sala 1

www.decidim.org

Fàbrica de Creació
Fabra i Coats
Carrer de Sant Adrià, 20
08030 Barcelona
Tercera planta, Sala 1

3

1.2 nullam ipsum lectus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesque ac nunc
at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Nam at feugiat
nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.
Nullam ipsum lectus, convallis a magna ac, convallis molestie ante. Sed nec augue tincidunt,
tempus risus sed, convallis leo. Suspendisse id convallis orci. Duis sagittis ut sem eu finibus.
Pellentesque auctor nunc quam, at volutpat metus pellentesque sit amet. Donec vulputate,lacus at facilisis accumsan, velit enim condimentum nulla, et rutrum nibh ligula eget lectus.
Fusce sed libero metus. Cras nibh risus, ultrices et dolor vel, faucibus fringilla turpis.
Integer eu pulvinar sapien, eu consequat nibh. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla facilisi. Ut ut scelerisque nisi. Proin pellentesquevelit at turpis maximus aliquet. Duis semper dolor vel enim pellentesque, non venenatis elit
vulputate. Sed vulputate massa id risus pellentesque, eget ornare urna ornare. Donec placerat
libero a mi porttitor, eget tristique nulla ultrices. Donec at enim ut velit euismod dignissim.

lorem ipsum dolor sit amet,consectetur velit.
Phasellus dictum consequat fermentum. Ut ac elit sem.
Nullam et egestas purus, at suscipit nisi. Sed scelerisque mauris sit amet blandit mollis. Sed
ipsum eros, rutrum vitae lobortis eu, tincidunt eget justo. Proin pulvinar laoreet posuere. Duisid sapien venenatis metus interdum scelerisque eu ac nulla. Praesent sed bibendum elit. Morbi
sem lorem, pulvinar suscipit arcu vel, semper tincidunt nibh.
Nulla aliquet, odio a suscipit maximus, leo ante tempor nibh, a lobortis mauris dui molestie
magna. Nulla tristique ullamcorper lectus non varius. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras a quam nec

2

sit amet,consectetur velit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesque ac nunc
at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Nam at feugiat
nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.
Nullam ipsum lectus, convallis a magna ac, convallis molestie ante. Sed nec augue tincidunt,
tempus risus sed, convallis leo. Suspendisse id convallis orci. Duis sagittis ut sem eu finibus.
Pellentesque auctor nunc quam, at volutpat metus pellentesque sit amet. Donec vulputate,lacus at facilisis accumsan, velit enim condimentum nulla, et rutrum nibh ligula eget lectus.
Fusce sed libero metus. Cras nibh risus, ultrices et dolor vel, faucibus fringilla turpis.

2.2 nullam ipsum lectus
Integer eu pulvinar sapien, eu consequat nibh. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla facilisi. Ut ut scelerisque nisi. Proin pellentesquevelit at turpis maximus aliquet. Duis semper dolor vel enim pellentesque, non venenatis elit
vulputate. Sed vulputate massa id risus pellentesque, eget ornare urna ornare. Donec placerat
libero a mi porttitor, eget tristique nulla ultrices. Donec at enim ut velit euismod dignissim.
Phasellus dictum consequat fermentum. Ut ac elit sem.
Nullam et egestas purus, at suscipit nisi. Sed scelerisque mauris sit amet blandit mollis. Sed
ipsum eros, rutrum vitae lobortis eu, tincidunt eget justo. Proin pulvinar laoreet posuere. Duisid sapien venenatis metus interdum scelerisque eu ac nulla. Praesent sed bibendum elit. Morbi
sem lorem, pulvinar suscipit arcu vel, semper tincidunt nibh.
Nulla aliquet, odio a suscipit maximus, leo ante tempor nibh, a lobortis mauris dui molestie
magna. Nulla tristique ullamcorper lectus non varius. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras a quam nec
massa mattis auctor vel sed ex. Fusce sit amet placerat nulla, non pretium felis. Pellentesqueut pretium enim, eleifend consectetur ex. Nulla risus elit, venenatis quis libero sed, pretium

Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus,
risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.

4

5

6

decidimcomunicació

exemplesLes comunicacions simples com les cartes o mails, es basen en la mateixa retícula
d’una única columna central.

Lugar. Dia / Mes / Año

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc blandit
venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra, velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit. Pellentesque ac nunc
at lectus tincidunt egestas. Aliquam convallis metus sed diam congue pharetra. Nam at feugiat
nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duis volutpat dolor non magna interdum suscipit.
Phasellus massa metus, molestie ut suscipit at, dignissim semper lacus. In vel eleifend velit.
Phasellus id ligula ut nisl rutrum auctor a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae viverra lectus dui fermentum nisl.
Nullam ipsum lectus, convallis a magna ac, convallis molestie ante. Sed nec augue tincidunt,
tempus risus sed, convallis leo. Suspendisse id convallis orci. Duis sagittis ut sem eu finibus.
Pellentesque auctor nunc quam, at volutpat metus pellentesque sit amet. Donec vulputate,lacus at facilisis accumsan, velit enim condimentum nulla, et rutrum nibh ligula eget lectus.
Fusce sed libero metus. Cras nibh risus, ultrices et dolor vel, faucibus fringilla turpis.
Integer eu pulvinar sapien, eu consequat nibh. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Nulla facilisi. Ut ut scelerisque nisi. Proin pellentesquevelit at turpis maximus aliquet. Duis semper dolor vel enim pellentesque, non venenatis elit
vulputate. Sed vulputate massa id risus pellentesque, eget ornare urna ornare. Donec placerat
libero a mi porttitor, eget tristique nulla ultrices. Donec at enim ut velit euismod dignissim.
Phasellus dictum consequat fermentum. Ut ac elit sem.
Nullam et egestas purus, at suscipit nisi. Sed scelerisque mauris sit amet blandit mollis. Sed
ipsum eros, rutrum vitae lobortis eu, tincidunt eget justo. Proin pulvinar laoreet posuere. Duisid sapien venenatis metus interdum scelerisque eu ac nulla. Praesent sed bibendum elit. Morbi
sem lorem, pulvinar suscipit arcu vel, semper tincidunt nibh.

Firmadowww.decidim.org

Fàbrica de Creació Fabra i Coats
Carrer de Sant Adrià, 20
08030 Barcelona
Tercera planta, Sala 1

38decidimcomunicació

retícula base en pantalles

La retícula per aplicacions en pantalla es construeix prenent com a referència els elements
modulars del logotip del decidim. Será sempre de 4 columnes de la mateixa manera que els
formats impresos horitzontals. Les seves proporcions serveixen per crear les pastilles i gràfics desuport. En les aplicacions per a pantalla les proporcions s’obtenen com segueix:(Prenent com a exemple una pantalla 4:3)

7a39

decidimcomunicació

retícula base en pantalles

En les aplicacions per pantalla la retícula s’adapta al format i determina la grandària del logotip.
En les versions horitzontals la retícula és de 4 columnes.

3/4

16/9

40

decidimcomunicació

exemplesExemples d’aplicació com a presentació en pantalla.

41

decidimcomunicació

exemplesExemples d’aplicació com a presentació en pantalla.

42

decidimcomunicació

exemplesExemples d’aplicació com a presentació en pantalla.

43

decidimcomunicació

exemplesExemples d’aplicació com a presentació en pantalla.

44

decidimcomunicació

video

L’aplicació de la identitat en formats audiovisuals seguirà les normes bàsiques establertes pera presentacions digitals a les quals caldrà afegir les específiques del mitjà com capçaleres i
mosques.

45

decidimcomunicació

video

L’aplicació de la identitat en formats audiovisuals seguirà les normes bàsiques establertes pera presentacions digitals a les quals caldrà afegir les específiques del mitjà com cairons.

46

decidimcomunicació

xarxes socials

El post gràfic és una de les bases de la nostra comunicació en xarxes socials. Pot tenir infinitat deformes, des d’un gif animat a una fotografia o vídeo. Una de les principals és l’adaptació de gràfica
preexistent. És recomanable unificar el format dels posts en les diferents xarxes i en general,mantenir una jerarquia clara i emprar el mínim d’elements possibles.

47

decidimcomunicació

xarxes socials

48

S’aplicaran les normes de comunicació de cadascun dels emissors (plataforma o comunitat).
Exemples d’aplicacio per plataforma.

Decidim

Decidim

Decidim@decidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

Decidim@decidim@decidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

@decidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

decidim px

decidim px

títulodisseny participatiu de plataformes
digitals democràtiques

disseny participatiu de plataformes
digitals democràtiques

texto explicativo

experiència de participant

27 Retweets

29 Me gusta

experiència de participant

27 Retweets

29 Me gusta

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

subtítulo

27 Retweets

29 Me gusta

27 Retweets

29 Me gusta

decidimcomunicació

xarxes socials

49

S’aplicaran les normes de comunicació de cadascun dels emissors (plataforma o comunitat).
Exemples d’aplicacio per comunitat.

Metadecidim@metadecidim

Metadecidim@metadecidim

Metadecidim@metadecidim

Metadecidim@metadecidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla. Morbi non lacinia est.
Pellentesque viverra, velit eget tincidunt suscipit,
felis purus porttitor dui, aliquam varius tellus augue
id velit.

27 Retweets

27 Retweets

27 Retweets

27 Retweets

29 Me gusta

29 Me gusta

29 Me gusta

29 Me gusta

decidimcomunicació

xarxes socials

50

En el cas específic del Twitter, el principal canal emissor, cal ser especialment curosas amb ladiferenciació d’espais entre comunitat i plataforma. Aixó ho conseguirem amb diferents avatars,
capçaleres i estils.

Decidim

TweetsTweets & replys

Media@decidim

Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus anunc blandit venenatis.

Metadecidim

TweetsTweets & replys

Media@metadecidim
Decidim@decidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla.

27 Retweets

29 Me gusta

plataforma

Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus anunc blandit venenatis.

Metadecidim@metadecidim

Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus eu tellus a nunc blandit venenatis.
Integer non ornare nulla.

27 Retweets

29 Me gusta

comunitat

decidimcomunicació

documents i cartes

En formats digitals verticals, per exemple, butlletins, les retícules incrementa els seus marges
a 14a per acomodar texts a una sola caixa que abarca les tres columnes centrals.
En amples majors a 1800px, els marges serán proporcionals.

72a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu tellus a nunc
blandit venenatis. Integer non ornare nulla. Morbi non lacinia est. Pellentesque viverra,velit eget tincidunt suscipit, felis purus porttitor dui, aliquam varius tellus augue id velit.
Pellentesque ac nunc at lectus tincidunt egestas. Aliquam convallis metus sed diam
congue pharetra. Nam at feugiat nisi. Sed non fringilla mauris. Suspendisse feugiat, nibh
a bibendum rhoncus, justo dolor efficitur augue, vitae pulvinar nisi neque vel leo. Duisvolutpat dolor non magna interdum suscipit. Phasellus massa metus, molestie ut suscipit
at, dignissim semper lacus. In vel eleifend velit. Phasellus id ligula ut nisl rutrum auctor
a sit amet lorem. Aenean auctor, velit ut tincidunt luctus, risus eros cursus tortor, vitae
viverra lectus dui fermentum nisl.

51

decidimcomunicació

Exemples de butlletins per plataforma i comunitat.

documents i cartes

52

decidimcomunicació

estils de texte

53

La identitat de decidim abasta molt més que el logotip i la seva aplicació.
A l’hora de maquetar textos s’han de tenir en compte algunes idees que són centrals al projecte.
Com a norma general decidim s’expressa en minúscules, en concordança amb l’esperit igualitaridel projecte. S’ha de tenir en compte aquesta recomanació en totes les formes de comunicació.
Els paràgrafs han d’anar alineats a la retícula base de forma preferent.

decidims’escriu sempre en minúscules
els títols s’escriuen també
sempre en caixa baixa
subtítols en minúscules
Els textos de lectura conserva’n lacapitalització per facilitar la lectura icomprensió.
Quan s’escriu dins d’un paràgraf, decidim
respecta la norma de les minúscules i es
diferencia amb el pes de la tipografia o el color.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus a nunc
blandit venenatis. Integer non ornare nulla.
Aliquam convallis metus sed diam conguepharetra. Nam at feugiat nisi.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus a nunc
blandit venenatis.
Integer non ornare nulla.

Tots els textos han d’anar alineats a l’esquerra
i sense justificar ni partir, excepte en casos
excepcionals.

cites i destacats en minúscules
Pellentesque viverra, velit eget tincidunt
suscipit, felis purus porttitor dui, aliquam
varius tellus augue id velit. Pellentesque ac
nunc at lectus tincidunt egestas. Aliquamconvallis metus sed diam congue pharetra.

Els paràgrafs han d’anar alineats a la retícula
base de forma preferent.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus a nunc
blandit venenatis. Integer non ornare nulla.
Aliquam convallis metus sed diam conguepharetra. Nam at feugiat nisi.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Phasellus eu tellus a nunc
blandit venenatis.

decidimcomunicació

fotografía

54

Una altra part de la identitat del decidim ve feta per l’edició d’imatge.
Les imatges fotogràfiques, segons siguin emprades en l’àmbit de la plataforma ode la comunitat seran:
A_ En color, il·lustratives i amb el focus en l’usuari o les característiques de la plataforma.
B_ En blanc i negre, documentals i amb focus en les participants i membres de la comunitat.

A_ Plataforma

B_ Comunitat

decidimcomunicació

altres aplicacions

55

En altres aplicacions analògiques, com les targetes, és recomenable explotar fisicamentels atributs del sistema com els cantons arrodonits.

john linnercommunity manager
linner@decidim.org
decidim.org

john linnercommunity manager
linner@decidim.org
decidim.org

decidimcomunicació

altres aplicacions

Exemple de acreditació genérica.

participantejohn linner
decidim team56

decidimcomunicació

altres aplicacions

57

Cobertes de llibretes.

notes

free open-source
participatory
democracy
for cities andorganizations

free open-source
participatory
democracy
for cities andorganizationsdecidim

identificadors

altres aplicacions

L’alfabet MOD1L pot ser utulitzat en circumstancies exepcionals com a recurs gràfic principal,
combinant-se lliurement amb altres el·lements.
Exemple d’aplicació a un cartel genéric.

we can do it!

58

decidimcomunicació

altres aplicacions

La senyalització és una aplicació que depèn del context, s’ha de tenir en compte l’espai a aplicar
i altres variables. En general més enllà de les peces recurrents el disseny es lliure dins de lesrecomanacions bàsiques d’aquest manual.
Exemple d’aplicació a un atril genéric.

free open-source
participatory
democracy
for cities andorganizations

free open-source
democracy

59

decidimcomunicació

altres aplicacions

60

Exemples d’aplicació com faldó de taula i directori.

programa
conferencias

acreditacions
informació

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017

Barcelona26, 27, 28
d’octubrede 2017decidimcomunicació

altres aplicacions

61

Exemples de utilitatzió de iconografia per plataforma i comunitat.

36 pts suspendisse
suscipit

36 pts suspendisse
suscipitdecidimcomunicació

altres aplicacions

A l’hora de generar material de comunicació no convencional, n’hi ha dues línies. La corporativa
i la comunicativa. La corporativa intentarà fixar la imatge oficial del decidim i la comunicativa
difondre el missatge i cohesionar a la comunitat.

62

decidimcomunicació

altres aplicacions

En els dissenys corporatius es farà un ús extensiu i rigorós del logotip i altres elements de la
nostra identitat gràfica.

63

decidimcomunicació

altres aplicacions

En els dissenys comunicatius explotarem els recursos al nostre abast per transmetre caràcter iidees al mateix temps que reforcem la identitat gràfica. És important implicar a la comunitat en eldesenvolupament d’aquestes peces, donat que una de les seves funcions es cohesionar-la.

64decidimcomunicació

altres aplicacions

Els límits de aplicación del sistema gràfic son oberts. El sistema es una eina de la comunitat
del decidim per comunicar amb una veu propia el seu misstge i per tant, més enllá de lesrecomanacións d’aquest manual, el seu desenvolupament es lliure.

65

decidimcomunicació

links

tots els arxius i plantilles necessaris per a facilitar-te l’aplicació
d’aquestes guies es troben allotjats aquí:originals

documents amb els arts finals de logotips, alfabet i avatars.

plantilles

documents base per a l’elaboració d’aplicacions impreses i plantilles amb exemples.
documents base per a l’elaboració d’aplicacions sobre pantalles i plantilles amb exemples.
plantilles editables en *GoogleDocs per a material imprès.
plantilles editables en *GoogleSlides per a pantalles.

xarxesdocuments base per a l’elaboració d’aplicacions en xarxes.

varis

arts finals d’algunes aplicacions possibles (targetes, acreditacions,...)

66

Gràcies per col·laborar amb decidim
aplicant amb cura les guies d’aquest manual.