Gebruikershulpmiddelen

Site-hulpmiddelen


archief:werkgroep:communicatie:huisstijl_piratenpartij

Verschillen

Dit geeft de verschillen weer tussen de geselecteerde revisie en de huidige revisie van de pagina.

Link naar deze vergelijking

Beide kanten vorige revisie Vorige revisie
Volgende revisie
Vorige revisie
archief:werkgroep:communicatie:huisstijl_piratenpartij [2016/06/19 11:48]
Luc [Secundaire kleuren]
archief:werkgroep:communicatie:huisstijl_piratenpartij [2018/01/02 18:28] (huidige)
Azonata ↷ Pagina verplaatst van werkgroep:communicatie:huisstijl_piratenpartij naar archief:werkgroep:communicatie:huisstijl_piratenpartij
Regel 1: Regel 1:
-====== ​Corporate Identity Manual ​======+====== ​Huisstijl Piratenpartij ​====== 
 ===== Inleiding ===== ===== Inleiding =====
-Het Corporate Design ​is een centraal element van de identiteit van de Piratenpartij Nederland (PPNL). Het positioneert de PPNL ten opzichte van de overige Piratenpartijen,​ door terugkerende,​ vaststaande en niet uitwisselbare elementen. Deze Corporate Identity Manual (CIM) is leidend voor het vervaardigen van uitingen ten behoeve van de Piratenpartij Nederland. Deze CIM is voor alle uitingen ten behoeve van de PPNL te gebruiken.+ 
 +De huisstijl ​is een centraal element van de identiteit van de Piratenpartij Nederland (PPNL). Het positioneert de PPNL ten opzichte van de overige Piratenpartijen,​ door terugkerende,​ vaststaande en niet uitwisselbare elementen. Deze Corporate Identity Manual (CIM) is leidend voor het vervaardigen van uitingen ten behoeve van de Piratenpartij Nederland. Deze CIM is voor alle uitingen ten behoeve van de PPNL te gebruiken.
  
 ===== Gebruiksaanwijziging ===== ===== Gebruiksaanwijziging =====
 +
 Deze CIM is een leidraad voor beeld en woord. Iedereen die op communicatiegebied werkzaam is voor de Piratenpartij dient op de hoogte te zijn van de richtlijnen. Lees deze aandachtig door, dat voorkomt teleurstelling achteraf. Alle Piratenpartij logo’s en stijlelementen kunnen per set gedownload worden. Elke set bevat 10 versies zodat voor elk medium een geschikt logo aanwezig is. Gebruik altijd het originele logo in plaats van zelf een logo samen te stellen. In de sectie logo’s staan downloadlinks. De fonts die moeten worden gebruikt staan in de sectie fonts met een downloadlink. Deze CIM is een leidraad voor beeld en woord. Iedereen die op communicatiegebied werkzaam is voor de Piratenpartij dient op de hoogte te zijn van de richtlijnen. Lees deze aandachtig door, dat voorkomt teleurstelling achteraf. Alle Piratenpartij logo’s en stijlelementen kunnen per set gedownload worden. Elke set bevat 10 versies zodat voor elk medium een geschikt logo aanwezig is. Gebruik altijd het originele logo in plaats van zelf een logo samen te stellen. In de sectie logo’s staan downloadlinks. De fonts die moeten worden gebruikt staan in de sectie fonts met een downloadlink.
  
-In zeldzame gevallen kan voor een ander font of een andere kleurset gekozen worden, dit dient echter voor aanvang van een uiting kortgesloten zijn met hoofd communicatie. Werkende links in de tekst zijn te herkennen aan de Indigo kleur met onderstreping. Onderdelen die gedownload kunnen worden staan in separate blokken in betreffende sectie. ​+In zeldzame gevallen kan voor een ander font of een andere kleurset gekozen worden, dit dient echter voor aanvang van een uiting kortgesloten zijn met hoofd communicatie. Werkende links in de tekst zijn te herkennen aan de Indigo kleur met onderstreping. Onderdelen die gedownload kunnen worden staan in separate blokken in betreffende sectie.
  
 Tot slot Wij staan altijd open voor suggesties en deze manual zal zo lang de Piratenpartij actief is, aan verandering onderhevig zijn! Tot slot Wij staan altijd open voor suggesties en deze manual zal zo lang de Piratenpartij actief is, aan verandering onderhevig zijn!
  
 ===== Wie moeten wij bereiken? ===== ===== Wie moeten wij bereiken? =====
-Internationaal is de doelgroep van de Piratenpartij al vastgelegd in de [[:​foundation:​uppsala|Uppsala verklaring]] die ook wij ondersteunen. Hierin staat dat met de beperkte middelen van een net opgerichte politieke partij, die beperkte middelen goed moeten worden gefocust op een duidelijk geïdentificeerde bowlingkegel. ​ 
  
-Onderzoek wijst uit dat in de afgelopen 15 jaar de politieke participatie ​van de zogenaamde //​first-time voters// alleen maar afgenomen is. Om deze reden is de belangrijkste doelgroep van Europese Piratenpartijen studenten, met name die op universitair en HBO niveauVooral op technische universiteiten zijn de Piratenpartijen erg sterk. Universiteiten en hogescholen bieden een geconcentreerde wervingsomgeving met mensen die over het algemeen veel passie hebben voor waar zij in deelnemen. Daarnaast hebben studenten relatief veel tijd om zich actief in te zetten voor een politieke partij, ​wat ook bij het voeren van de campagne belangrijk is+Internationaal is de doelgroep ​van de Piratenpartij al vastgelegd in de [[:​foundation:​uppsala|Uppsala verklaring]] ​die ook wij ondersteunenHierin staat dat met de beperkte middelen van een net opgerichte ​politieke partij, ​die beperkte middelen goed moeten worden gefocust op een duidelijk geïdentificeerde bowlingkegel.
  
-Studenten zullen dus de voorste kegel zijn. Door middel ​van die voorste kegels kunnen we ook andere kegels omver krijgen. Dat wil zeggen dat studenten niet onze énige doelgroep vormen, maar wél onze primaire doelgroep. Op de //achterste kegels// moeten we minder participatie verwachten, ​maar wel kunnen we op hun stemmen rekenen+Onderzoek wijst uit dat in de afgelopen 15 jaar de politieke participatie ​van de zogenaamde ​//first-time voters// alleen ​maar afgenomen is. Om deze reden is de belangrijkste doelgroep van Europese Piratenpartijen studenten, met name die op universitair en HBO niveau. Vooral op technische universiteiten zijn de Piratenpartijen erg sterk. Universiteiten en hogescholen bieden een geconcentreerde wervingsomgeving met mensen die over het algemeen veel passie hebben voor waar zij in deelnemen. Daarnaast hebben studenten relatief veel tijd om zich actief in te zetten voor een politieke partij, wat ook bij het voeren van de campagne belangrijk is.
  
-De eerste kegels achter ​de voorste kegel zijn de zogenaamde ​//netwerkgeneratie//, zoals gedefinieerd door PowNed. Dit zijn vaak jonge mensen (onder de 35) die minstens evenveel achter ​hun computer als voor de TV zitten. Ze communiceren veel met elkaar via internet en telefoon, en dan met name via social networks, instant messaging en per SMS. Eigenschappen:​ kritisch, hoge (en directe) informatiebehoefte,​ is niet alleen ontvanger maar ook zender. De sleutel is om politieke passie te inspireren in deze overlappende doelgroepen,​ zodat de voormalige "​nietstemmers"​ onze ambassadeurs worden.+Studenten zullen dus de voorste kegel zijn. Door middel van die voorste kegels kunnen we ook andere kegels omver krijgen. Dat wil zeggen dat studenten niet onze énige doelgroep vormen, maar wél onze primaire doelgroep. Op de //achterste kegels// moeten we minder participatie verwachtenmaar wel kunnen we op hun stemmen rekenen.
  
 +De eerste kegels achter de voorste kegel zijn de zogenaamde //​netwerkgeneratie//,​ zoals gedefinieerd door PowNed. Dit zijn vaak jonge mensen (onder de 35) die minstens evenveel achter hun computer als voor de TV zitten. Ze communiceren veel met elkaar via internet en telefoon, en dan met name via social networks, instant messaging en per SMS. Eigenschappen:​ kritisch, hoge (en directe) informatiebehoefte,​ is niet alleen ontvanger maar ook zender. De sleutel is om politieke passie te inspireren in deze overlappende doelgroepen,​ zodat de voormalige "​nietstemmers"​ onze ambassadeurs worden.
 ===== Kernwaarden van onze identiteit ===== ===== Kernwaarden van onze identiteit =====
-Het is belangrijk dat we onze boodschap uitdragen als zijnde serieus, maar dat dit toch op een ludieke en luchtige manier gebeurt. Belangrijk is ook dat het uitnodigt tot participatie & steun, omdat we op die manier weer andere mensen kunnen bereiken, dus ook mensen van buiten de primaire doelgroep. ​ 
  
-We zijn vernieuwend en brengen iets "van deze tijd" wat nog ontbreekt in het politieke landschap in Nederland. Zoals aangegeven in de grondbeginselen van de partij: //Het informatietijdperk vraagt om een informatiepartij//​. Om deze reden zullen we af en toe ook een licht brutale houding aannemen, vooral omdat dit activistische participatie op grassroots niveau motiveert onder de doelgroep (netwerkgeneratie). Dus: We presenteren onze serieuze en vernieuwende boodschap op een ludieke en luchtige manier. We kunnen ons uiterst professioneel en beleefd opstellen, maar we zijn speels en soms uit die speelsheid zich in een licht brutale houding. ​+Het is belangrijk dat we onze boodschap uitdragen als zijnde serieus, maar dat dit toch op een ludieke en luchtige manier gebeurt. Belangrijk is ook dat het uitnodigt tot participatie & steun, omdat we op die manier weer andere mensen kunnen bereiken, dus ook mensen van buiten de primaire doelgroep. 
 + 
 +We zijn vernieuwend en brengen iets "van deze tijd" wat nog ontbreekt in het politieke landschap in Nederland. Zoals aangegeven in de grondbeginselen van de partij: //Het informatietijdperk vraagt om een informatiepartij//​. Om deze reden zullen we af en toe ook een licht brutale houding aannemen, vooral omdat dit activistische participatie op grassroots niveau motiveert onder de doelgroep (netwerkgeneratie). Dus: We presenteren onze serieuze en vernieuwende boodschap op een ludieke en luchtige manier. We kunnen ons uiterst professioneel en beleefd opstellen, maar we zijn speels en soms uit die speelsheid zich in een licht brutale houding. 
 + 
 +De communicatie wordt dus zo veel mogelijk afgestemd op de doelgroep, wat betekent dat we taalgebruik hanteren dat de doelgroep aanspreekt. Hetzelfde geldt voor de voorbeelden die we gebruiken en de toekomst die we schetsen. Dit betekent dat we ons in onze uitingen distantiëren van de ideeën en retoriek van de gevestigde partijen, dit is namelijk een //turn off// voor de generatie die zich hier juist tegen afzet. De bedoeling is om de doelgroep te inspireren en te activeren. Het is aan ons om ons te onderscheiden van de rest!
  
-De communicatie wordt dus zo veel mogelijk afgestemd op de doelgroep, wat betekent dat we taalgebruik hanteren dat de doelgroep aanspreekt. Hetzelfde geldt voor de voorbeelden ​die we gebruiken en de toekomst die we schetsen. Dit betekent dat we ons in onze uitingen distantiëren van de ideeën ​en retoriek van de gevestigde partijendit is namelijk ​een //turn off// voor de generatie ​die zich hier juist tegen afzet. De bedoeling ​is om de doelgroep te inspireren en te activerenHet is aan ons om ons te onderscheiden van de rest! +De campagne presenteren ​we als een positieve opstand van de burgers ​die de informatiemaatschappij al begrijpen ​en voor zich zienen die gaan ‘vechten’ (op een democratische manier) ​voor wat in die nieuwe maatschappij nodig is (internet, privacy, digitale burgerrechten).
  
-De campagne presenteren we als een positieve opstand van de burgers die de informatiemaatschappij al begrijpen en voor zich zien, en die gaan ‘vechten’ (op een democratische manier) voor wat in die nieuwe maatschappij nodig is (internet, privacy, digitale burgerrechten). ​+Onze wapens zijn:
  
-Onze wapens zijn:  
   * Bullshit benoemen: informatie zoeken en gebruiken.   * Bullshit benoemen: informatie zoeken en gebruiken.
   * Humor: //a spoonful of sugar makes the medicine go down//.   * Humor: //a spoonful of sugar makes the medicine go down//.
-  * Gezond verstand: hoe meer abstractie hoe sneller het op bullshit gaat lijken en waarschijnlijk ook is. +  * Gezond verstand: hoe meer abstractie hoe sneller het op bullshit gaat lijken en waarschijnlijk ook is.
  
 ===== Richtlijnen en protocollen ===== ===== Richtlijnen en protocollen =====
-  ​* Als iemand zich niet aan de communicatiestrategie houdt, wijs ze hier dan op vriendelijke wijze op. Leg uit waarom dit het geval is.  + 
-  * Als we binnen een bepaald medium niet op onze manier kunnen communiceren,​ dan communiceren we via een ander medium. Als we willen reageren op een artikel in bijvoorbeeld het Reformatorisch Dagblad, dan kunnen we dat beter doen op een plek waar we ten eerste onze doelgroep beter bereiken en waar we ten tweede vrij zijn om ónze toon te gebruiken.  +  ​* Als iemand zich niet aan de communicatiestrategie houdt, wijs ze hier dan op vriendelijke wijze op. Leg uit waarom dit het geval is. 
-  * Met betrekking tot opiniestukken kunnen we iets uiteenlopender zijn, net zoals de verschillende persoonlijkheden van de verschillende kandidaten voor de kieslijst. Wat dan wel belangrijk is, is dat de stukken op persoonlijke titel naar voren worden geschoven, waarbij de partij en plek op de kieslijst wel genoemd mogen worden, maar het is dus **níet namens de partij**. Aan de kern moet wel worden vastgehouden;​ het mag iets beleefder of iets brutaler, maar het moet niet saai of onbeschoft worden: inspireer de doelgroep!  +  * Als we binnen een bepaald medium niet op onze manier kunnen communiceren,​ dan communiceren we via een ander medium. Als we willen reageren op een artikel in bijvoorbeeld het Reformatorisch Dagblad, dan kunnen we dat beter doen op een plek waar we ten eerste onze doelgroep beter bereiken en waar we ten tweede vrij zijn om ónze toon te gebruiken. 
-  * Controleer heel goed op spelling! – We presenteren onze serieuze en vernieuwende boodschap op een ludieke en luchtige manier. We kunnen ons uiterst professioneel en beleefd opstellen, maar we zijn speels en soms uit die speelsheid zich in een licht brutale houding.  +  * Met betrekking tot opiniestukken kunnen we iets uiteenlopender zijn, net zoals de verschillende persoonlijkheden van de verschillende kandidaten voor de kieslijst. Wat dan wel belangrijk is, is dat de stukken op persoonlijke titel naar voren worden geschoven, waarbij de partij en plek op de kieslijst wel genoemd mogen worden, maar het is dus **níet namens de partij**. Aan de kern moet wel worden vastgehouden;​ het mag iets beleefder of iets brutaler, maar het moet niet saai of onbeschoft worden: inspireer de doelgroep! 
-  * Als je gedrukte media in kleur maakt, bedenk ook hoe ’t er uit ziet in zwart/wit.  +  * Controleer heel goed op spelling! – We presenteren onze serieuze en vernieuwende boodschap op een ludieke en luchtige manier. We kunnen ons uiterst professioneel en beleefd opstellen, maar we zijn speels en soms uit die speelsheid zich in een licht brutale houding. 
-  * Kleur uit de huisstijl zeker gebruiken, maar vooral voor accenten. Primair: zwart/wit.  +  * Als je gedrukte media in kleur maakt, bedenk ook hoe ’t er uit ziet in zwart/​wit. 
-  * <​del>​Verwerk in elke poster de datum van de verkiezingen:​ 9 juni.</​del>​ Dit omdat we veel mensen willen aanspreken die voor het eerst stemmen, of normaal nooit stemmen.  +  * Kleur uit de huisstijl zeker gebruiken, maar vooral voor accenten. Primair: zwart/​wit. 
-  * Onderaan elke A4 poster, font size 8:  +  * <​del>​Verwerk in elke poster de datum van de verkiezingen:​ 9 juni.</​del> ​ Dit omdat we veel mensen willen aanspreken die voor het eerst stemmen, of normaal nooit stemmen. 
-<​code>​info@piratenpartij.nl | KvK : 27374138 | Bank#: 1083.78.969 te Zwolle</​code>​+  * Onderaan elke A4 poster, font size 8: 
 + 
 +<​code>​ 
 +info@piratenpartij.nl | KvK : 27374138 | Bank#: 1083.78.969 te Zwolle 
 +</​code>​
  
 ===== Piratenpartij logo ===== ===== Piratenpartij logo =====
 +
 ==== Basis ==== ==== Basis ====
-[{{:​logo:​pplogo-st-black.png?​385|Standaard Logo Zwart}}][{{:​logo:​pplogo-st-web.png?​385|Standaard Logo Paars}}] + 
-\\+{{:​logo:​pplogo-st-black.png?​385}}{{:​logo:​pplogo-st-web.png?​385}} 
   * PPLogo-st-pantone.pdf   * PPLogo-st-pantone.pdf
   * PPLogo-st-cmyk.pdf   * PPLogo-st-cmyk.pdf
Regel 53: Regel 64:
   * PPLogo-st-rgb.svg   * PPLogo-st-rgb.svg
   * PPLogo-st-web.png   * PPLogo-st-web.png
-\\ + 
-\\ + \\  \\ {{:​logo:​pplogo-po-black.png?​385}}{{:​logo:​pplogo-po-web.png?​385}} 
-[{{:​logo:​pplogo-po-black.png?​385|Logo met pay-off Zwart}}][{{:​logo:​pplogo-po-web.png?​385|Logo met pay-off Paars}}] +
-\\+
   * PPLogo-po-pantone.pdf   * PPLogo-po-pantone.pdf
   * PPLogo-po-cmyk.pdf   * PPLogo-po-cmyk.pdf
Regel 62: Regel 72:
   * PPLogo-po-rgb.svg   * PPLogo-po-rgb.svg
   * PPLogo-po-web.png   * PPLogo-po-web.png
-\\ + 
-[{{:​logo:​pplogo-st-diap.png?​385|Diapositief logo Zwart}}][{{:​logo:​pplogo-po-diap.png?​385|Diapositief logo met pay-off Paars}}] + \\ {{:​logo:​pplogo-st-diap.png?​385}}{{:​logo:​pplogo-po-diap.png?​385}} 
-\\+
   * PPLogo-st-diap.png   * PPLogo-st-diap.png
   * PPLogo-po-diap.pdf   * PPLogo-po-diap.pdf
-\\ + 
-\\ + ​\\ ​ \\ 
-\\ +
-\\+
 ==== Plaatsing ==== ==== Plaatsing ====
-[{{:​logo:​plaatsing_logo.png?​385|Rondom het logo moet een ruimte vrij blijven.}}+ 
-\\ +{{:​logo:​plaatsing_logo.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Kleurselectie ==== ==== Kleurselectie ====
-[{{:​logo:​pplogo-st-black.png?​385|De ondergrond van het logo kan op wit, zwart of pantone 2597c zijn.}}][{{:​logo:​pplogo-st-diap.png?​385|}}][{{:​logo:​paars_standaard.png?​385|}}+ 
-\\ +{{:​logo:​pplogo-st-black.png?​385}}{{:​logo:​pplogo-st-diap.png?​385}}{{:​logo:​paars_standaard.png?​385}} \\  \\  \\  \\  \\  \\  \\ {{:​logo:​verboden_kleur.png?​385}}{{:​logo:​verboden_kleur_1.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-[{{:​logo:​verboden_kleur.png?​385|Andere kleuren ondergrond zijn niet toegestaan.}}][{{:​logo:​verboden_kleur_1.png?​385|}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Foto achtergronden ==== ==== Foto achtergronden ====
-[{{:​logo:​foto_achtergrond.png?​385|Het logo kan op rustige donkere en lichte ondergronden geplaatst worden.}}][{{:​logo:​foto_achtergrond_1.png?​385|Denk aan de leesbaarheid bij de keuze van het logo.}}+ 
-\\ +{{:​logo:​foto_achtergrond.png?​385}}{{:​logo:​foto_achtergrond_1.png?​385}} \\  \\  \\  \\  \\  \\  \\ {{:​logo:​foute_achtergrond.png?​385}}{{:​logo:​foute_achtergrond_1.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-[{{:​logo:​foute_achtergrond.png?​385|Het logo wordt niet op kleurrijke en drukke ondergronden geplaatst.}}][{{:​logo:​foute_achtergrond_1.png?​385|}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Positionering logo ==== ==== Positionering logo ====
-{{:​logo:​pplogo-po-black.png?​385|Het logo wordt enkel horizontaal geplaatst en altijd lineair geschaald.}}{{:​logo:​vervorming_1.png?​385|Vervormingen,​ addities en rotaties zijn niet toegestaan.}}{{:​logo:​vervorming.png?​385|}} + 
-\\ +{{:​logo:​pplogo-po-black.png?​385}}{{:​logo:​vervorming_1.png?​385}}{{:​logo:​vervorming.png?​385}} \\  \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Primaire kleuren ===== ===== Primaire kleuren =====
-{{:​logo:​primair_zwart.png?​150|Toepassing:​ typografie (bodytekst, koppen etc.)}}{{:​logo:​primair_wit.png?​150|Toepassing:​ typografie (bodytekst, koppen etc.)}}{{:​logo:​primair_paars.png?​150|Toepassing:​ typografie (koppen, kaderteksten,​ streamers en bijschriften)}}\\ + 
-{{:​logo:​primair_verloop.png?​150|Toepassing:​ kleurvlakken}}\\ +{{:​logo:​primair_zwart.png?​150}}{{:​logo:​primair_wit.png?​150}}{{:​logo:​primair_paars.png?​150}} \\ {{:​logo:​primair_verloop.png?​150}} \\  \\ Het verloop wordt alleen gebruikt in cmyk-opgemaakte uitingen en moet diagonaal lopen! 
-\\ +
-Het verloop wordt alleen gebruikt in cmyk-opgemaakte uitingen en moet diagonaal lopen!+
   * Linksboven cmyk: 85, 100, 0, 0   * Linksboven cmyk: 85, 100, 0, 0
   * Rechtsonder cmyk: 64,100,0,14   * Rechtsonder cmyk: 64,100,0,14
-\\ + 
-\\ + ​\\ ​ \\  \\ 
-\\ +
-\\ +
-\\+
 ===== Secundaire kleuren ===== ===== Secundaire kleuren =====
-{{:​logo:​primair_zwart.png?​150|Toepassing:​ tabellen en grafieken}} + 
-{{:​logo:​primair_paars.png?​150|Toepassing:​ tabellen en grafieken}}\\ +{{:​logo:​primair_zwart.png?​150}}{{:​logo:​primair_paars.png?​150}} \\  \\ Al naar gelang het aantal elementen in de grafiek of cellen in de tabel, worden er tinten van zowel pantone 2597c als zwart gebruikt. \\  \\  \\ 
-\\ +
-Al naar gelang het aantal elementen in de grafiek of cellen in de tabel, worden er tinten van zowel pantone 2597c als zwart gebruikt. +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Secundaire kleuren voor presentaties ===== ===== Secundaire kleuren voor presentaties =====
 +
 Toepassing: tabellen en grafieken Toepassing: tabellen en grafieken
  
-[{{:​logo:​geel.png?​385|CMYK 0/10/100/0 - RGB 255/220/2}}][{{:​logo:​rood.png?​385|CMYK 0/75/65/0 - RGB 233/95/78}}+{{:​logo:​geel.png?​385}}{{:​logo:​rood.png?​385}} \\  \\  \\  \\  \\  \\  \\ {{:​logo:​donkerrood.png?​385}}{{:​logo:​zwart.png?​385}} \\  \\  \\  \\  \\  \\  \\ {{:​logo:​paars.png?​385}}{{:​logo:​blauw.png?​385}} \\  \\  \\
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-[{{:​logo:​donkerrood.png?​385|CMYK 5/100/65/0 - RGB 219/0/64}}][{{:​logo:​zwart.png?​385|CMYK 0/0/0/100 - RGB 0/0/0}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-[{{:​logo:​paars.png?​385|CMYK 85/100/0/0 - RGB 102/0/255}}][{{:​logo:​blauw.png?​385|CMYK 70/50/0/30 - RGB 69/94/143}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
  
 ===== Beeldmerk ===== ===== Beeldmerk =====
-[{{:​logo:​logo_zwart.png?​165|Toepassing:​ ter ondersteuning van het ontwerp}}+ 
-[{{:​logo:​logo_zwart_mat.png?​165|Zwart; tussen de 10 en 25%}}+{{:​logo:​logo_zwart.png?​165}}{{:​logo:​logo_zwart_mat.png?​165}}{{:​logo:​logo_paars_mat.png?​165}}{{:​logo:​logo_fout.png?​625}} \\  \\  \\  \\  \\  \\  \\  \\  \\  \\ 
-[{{:​logo:​logo_paars_mat.png?​165|Paars; tussen de 10 en 25%}}+
-[{{:​logo:​logo_fout.png?​625|Het beeldmerk is één geheel en dient lineair vergroot/​verkleind te worden. Het beeld merk mag aflopend geplaatst worden.}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Overige merktekens ===== ===== Overige merktekens =====
-[{{:​logo:​vingerafdruk.png?​390|Zwart; tussen de 10 en 60% of Pantone 2597c; tussen de 10 en 60%}}][{{:​logo:​qr_code.png?​175|Oude QR-code}}][{{:​logo:​qr_code_1.png?​175|Nieuwe QR-code}}] + 
-\\+{{:​logo:​vingerafdruk.png?​390}} ​\\ {{:​logo:​qr_code.png?​175}}{{:​logo:​qr_code_1.png?​175}} 
   * De QR-codes kunnen op elk medium gebruikt worden.   * De QR-codes kunnen op elk medium gebruikt worden.
   * De QR-codes dienen 100% zwart te zijn.   * De QR-codes dienen 100% zwart te zijn.
   * De QR-codes kunnen maximaal 30% verkleind worden.   * De QR-codes kunnen maximaal 30% verkleind worden.
-\\ + 
-\\ + ​\\ ​ \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Grafieken & tabellen ===== ===== Grafieken & tabellen =====
-[{{:​logo:​staafdiagram.png?​350|Standaard staafdiagram}}][{{:​logo:​cirkeldiagram.png?​230|Standaard cirkeldiagram}}][{{:​logo:​tabel.png?​440|Standaard tabel}}+ 
-\\ +{{:​logo:​staafdiagram.png?​350}}{{:​logo:​cirkeldiagram.png?​230}}{{:​logo:​tabel.png?​440}} \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Lettertypes ===== ===== Lettertypes =====
 +
 ==== Printmedia ==== ==== Printmedia ====
-[{{:​logo:​aller_light.png?​385|Voor alle druk- en printwerk wordt de Aller gebruikt.}}][{{:​logo:​aller_regular.png?​385|De fontfamilie bestaat uit de Aller Light, de Aller Regular en de Aller Bold.}}][{{:​logo:​aller_light_italic.png?​385|De Italic versies worden minimaal ingezet.}}+ 
-\\ +{{:​logo:​aller_light.png?​385}}{{:​logo:​aller_regular.png?​385}}{{:​logo:​aller_light_italic.png?​385}} \\  \\  \\  \\  \\  \\  \\  \\ {{:​logo:​aller_italic.png?​385}}{{:​logo:​aller_bold.png?​385}}{{:​logo:​aller_bold_italic.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-[{{:​logo:​aller_italic.png?​385|}}][{{:​logo:​aller_bold.png?​385|}}][{{:​logo:​aller_bold_italic.png?​385|}}+
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Digitale media ==== ==== Digitale media ====
 +
 === Websites === === Websites ===
-[{{:​logo:​lucida_grande_regular.png?​385|Bij websites wordt de Lucida Grande gebruikt.}}][{{:​logo:​lucida_grande_bold.png?​385|}}+ 
-\\ +{{:​logo:​lucida_grande_regular.png?​385}}{{:​logo:​lucida_grande_bold.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 === Digitale presentaties === === Digitale presentaties ===
-[{{:​logo:​aller_regular.png?​385|Bij digitale presentatie worden de Aller Regular en de Aller Bold gebruikt.}}][{{:​logo:​aller_bold.png?​385|}}+ 
-\\ +{{:​logo:​aller_regular.png?​385}}{{:​logo:​aller_bold.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Correspondentie ==== ==== Correspondentie ====
-[{{:​logo:​aller_light.png?​385|Bij alle correspondentie worden de Aller Light en de Aller Regular gebruikt.}}][{{:​logo:​aller_regular.png?​385|}}+ 
-\\ +{{:​logo:​aller_light.png?​385}}{{:​logo:​aller_regular.png?​385}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ===== Schrijfwijze ===== ===== Schrijfwijze =====
 +
 Wij zijn een partij met voornamelijk jongere leden, waardoor er een frisse aanpak van ons wordt verwacht. Daarom wordt er in zowel interne als de meeste externe communicatie getutoyeerd. Een uitzondering zijn de PR-activiteiten,​ waar we de beleefdheidsvorm gebruiken. Wij zijn een partij met voornamelijk jongere leden, waardoor er een frisse aanpak van ons wordt verwacht. Daarom wordt er in zowel interne als de meeste externe communicatie getutoyeerd. Een uitzondering zijn de PR-activiteiten,​ waar we de beleefdheidsvorm gebruiken.
  
-//Welkom bij de Piratenpartij Nederland,​\\ +//Welkom bij de Piratenpartij Nederland, \\  \\ Voor het geval je het nog niet gedaan hebt, schrijf je nu in op de mailinglist om op de hoogte te blijven van de stand van zaken. Deze week ontvang je per post de stukken die je lidmaatschap officieel maken. \\  \\ Met vriendelijke groet, \\  \\ Sam Privacy//
-\\ +
-Voor het geval je het nog niet gedaan hebt, schrijf je nu in op de mailinglist om op de hoogte te blijven van de stand van zaken. Deze week ontvang je per post de stukken die je lidmaatschap officieel maken.\\ +
-\\ +
-Met vriendelijke groet,\\ +
-\\ +
-Sam Privacy// +
-\\+
  
 ---- ----
  
-//Ahoi Piraten,\\ +//Ahoi Piraten, \\  \\ Zoals je weet loopt het verkiesbaar stellen flink in de papieren. Het lidmaatschapsgeld alleen is niet voldoende om de kosten te dekken. Als jij nog dukaten over hebt of mensen kent die een bijdrage willen leveren dan zijn we daar heel blij mee! Natuurlijk bestaat de mogelijkheid om Piraten-wear te kopen in de shop, hiermee ondersteun je jouw partij ook. \\  \\ Met vriendelijke groet, \\  \\ Sam Privacy// ​\\  \\  \\  \\  \\
-\\ +
-Zoals je weet loopt het verkiesbaar stellen flink in de papieren. Het lidmaatschapsgeld alleen is niet voldoende om de kosten te dekken. Als jij nog dukaten over hebt of mensen kent die een bijdrage willen leveren dan zijn we daar heel blij mee! Natuurlijk bestaat de mogelijkheid om Piraten-wear te +
-kopen in de shop, hiermee ondersteun je jouw partij ook.\\ +
-\\ +
-Met vriendelijke groet,\\ +
-\\ +
-Sam Privacy//+
  
 ===== Briefmaterialen ===== ===== Briefmaterialen =====
 +
 ==== Visitekaartjes ==== ==== Visitekaartjes ====
-[{{:​logo:​visite_algemeen.png?​385|De Piratenpartij kent twee verschillende soorten visitekaartjes,​ een gepersonaliseerde voor bestuursleden en een algemene voor alle leden.}}][{{:​logo:​visite_achterzijde.png?​385|De achterkant van beide visitekaartjes is identiek.}}+ 
-\\ +{{:​logo:​visite_algemeen.png?​385}}{{:​logo:​visite_achterzijde.png?​385}} \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Briefpapier ==== ==== Briefpapier ====
-[{{:​logo:​brief.png?​585|Het is verder ook belangrijk dat de Piratenpartij naar buiten toe een uniforme communicatie in de vorm van brieven, enveloppen, facturen en dergelijke presenteert.}}][{{:​logo:​brief_1.png?​585|De stijlelementen zoals vastgelegd in deze manual vergroten de herkenbaarheid en moeten daarom worden gebruikt.}}+ 
-\\ +Het is verder ook belangrijk dat de Piratenpartij naar buiten toe een uniforme communicatie in de vorm van brieven, enveloppen, facturen en dergelijke presenteert. ​\\  \\  \\ {{:​werkgroep:​communicatie:​brief-edit.png?​nolink&​}}{{:​logo:​brief_1.png?​585}} \\  \\  \\  \\  \\ 
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
 ==== Enveloppen ==== ==== Enveloppen ====
-[{{:​logo:​envelop.png?​385|De enveloppen zijn Din oblong (220 x 156 mm).}}][{{:​logo:​envelop_2.png?​385|Keuze uit met of zonder venster, met of zonder opdruk.}}][{{:​logo:​envelop_3.png?​385|}}+ 
-\\ +{{:​logo:​envelop.png?​385}}{{:​logo:​envelop_2.png?​385}}{{:​logo:​envelop_3.png?​385}} \\  \\  \\  \\  \\
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\ +
-\\+
  
 ===== HTML documenten ===== ===== HTML documenten =====
 +
 Het is eigenlijk gek dat je niet eerder html software hebt gebruikt om teksten mee te typen. Want html is een veel betere standaard dan .doc, .docx, .pdf, .odt, .txt, etc. In het voorgaande rijtje heb ik zelf html nooit echt zien staan. Ik wist wel dat html een documentformaat is, maar als vervanging voor traditionele formaten heb ik het nooit overwogen. En daar zijn goede redenen voor. Door als monopolist de toenmalige html-standaard stelselmatig niet volgens de specificatie te implementeren,​ heeft Microsoft er persoonlijk voor gezorgd dat html, bedoeld als een standaard, juist géén standaard werd. Een html document zag er zo heel anders uit in Internet Explorer, dan in een andere browser, bijvoorbeeld Netscape Navigator (voorloper van Firefox). Sinds een aantal jaren is dit probleem langzaam aan het oplossen; enerzijds door browsers die standaarden wél aanhouden, anderzijds door ontwikkeling van de html standaard zelf en brede acceptatie daarvan. html5, de huidige facto standaard, is inmiddels volwassen. Het ziet er overal nagenoeg hetzelfde uit en heeft nuttige nieuwe functies zoals de video-tag (voeg een filmpje toe in een html document), offline support, powerpoint-achtige functies (SMIL), flash-achtige beeldeffecten,​ kolommen (waar je nu naar zit te staren), en nog veel meer. Het beste van alles van HTML5 is dat je het op elke computer kan lezen, welke computer heeft nu géén browser? Het is eigenlijk gek dat je niet eerder html software hebt gebruikt om teksten mee te typen. Want html is een veel betere standaard dan .doc, .docx, .pdf, .odt, .txt, etc. In het voorgaande rijtje heb ik zelf html nooit echt zien staan. Ik wist wel dat html een documentformaat is, maar als vervanging voor traditionele formaten heb ik het nooit overwogen. En daar zijn goede redenen voor. Door als monopolist de toenmalige html-standaard stelselmatig niet volgens de specificatie te implementeren,​ heeft Microsoft er persoonlijk voor gezorgd dat html, bedoeld als een standaard, juist géén standaard werd. Een html document zag er zo heel anders uit in Internet Explorer, dan in een andere browser, bijvoorbeeld Netscape Navigator (voorloper van Firefox). Sinds een aantal jaren is dit probleem langzaam aan het oplossen; enerzijds door browsers die standaarden wél aanhouden, anderzijds door ontwikkeling van de html standaard zelf en brede acceptatie daarvan. html5, de huidige facto standaard, is inmiddels volwassen. Het ziet er overal nagenoeg hetzelfde uit en heeft nuttige nieuwe functies zoals de video-tag (voeg een filmpje toe in een html document), offline support, powerpoint-achtige functies (SMIL), flash-achtige beeldeffecten,​ kolommen (waar je nu naar zit te staren), en nog veel meer. Het beste van alles van HTML5 is dat je het op elke computer kan lezen, welke computer heeft nu géén browser?
  
-Dan rest anog de vraag waarom HTML5 superieur is aan alle traditionele formten voor documentopslag. .pdf, .odt, .doc zijn allen formaten die ontworpen zijn voor papier. Als je een nieuw document maakt, is het éérste wat je doet een papierformaat kiezen. Papier is niet meer het primaire publicatievorm,​ dat is het internet. Beter gezegd: internet is equivalent aan HTML en HTML is equivalent aan het internet. En dan had ik nog niet genoemd dat doc, docx en pdf formaten zijn die beheerd worden door een private ​ bedrijven die tegenstrijdige belangen hebben met HTML. odt is aardig als vervanging, maar ook weer op papier gebaseerd, en dus geen optie.+Dan rest anog de vraag waarom HTML5 superieur is aan alle traditionele formten voor documentopslag. .pdf, .odt, .doc zijn allen formaten die ontworpen zijn voor papier. Als je een nieuw document maakt, is het éérste wat je doet een papierformaat kiezen. Papier is niet meer het primaire publicatievorm,​ dat is het internet. Beter gezegd: internet is equivalent aan HTML en HTML is equivalent aan het internet. En dan had ik nog niet genoemd dat doc, docx en pdf formaten zijn die beheerd worden door een private bedrijven die tegenstrijdige belangen hebben met HTML. odt is aardig als vervanging, maar ook weer op papier gebaseerd, en dus geen optie.
  
 ==== Wat is html? ==== ==== Wat is html? ====
 +
 Html staat voor hypertext markup language, een standaard voor het beschrijven van de inhoud van een webpagina. Tegenwoordig kan "​html5"​ twee betekenissen hebben: de opmaaktaal zélf, of de combinatie van de opmaaktaal met css (layout beschrijving) en javascript (interactie). In dit artikel refereer ik met html5 naar de combinatie van html, jcss en javascript. De term "​dhtml"​ wordt ook gebruikt om deze combinatie aan te geven. Omdat er veel te weinig ruimte is van de redacteur om hier alles uit leggen, heb ik een piratenpartij wiki pagina aangemaakt: hier. Html staat voor hypertext markup language, een standaard voor het beschrijven van de inhoud van een webpagina. Tegenwoordig kan "​html5"​ twee betekenissen hebben: de opmaaktaal zélf, of de combinatie van de opmaaktaal met css (layout beschrijving) en javascript (interactie). In dit artikel refereer ik met html5 naar de combinatie van html, jcss en javascript. De term "​dhtml"​ wordt ook gebruikt om deze combinatie aan te geven. Omdat er veel te weinig ruimte is van de redacteur om hier alles uit leggen, heb ik een piratenpartij wiki pagina aangemaakt: hier.
  
Regel 406: Regel 190:
  
 ==== Maar wat heeft dit alles nu met de Piratenpartij te maken? ==== ==== Maar wat heeft dit alles nu met de Piratenpartij te maken? ====
 +
 De nieuwe politiek die de Piratenpartij brengt is gebaseerd op argumenten gestaafd met data. Je kan je geen beter platform bedenken dan html voor interactieve visualisatie;​ interactieve data is een lachertje in de traditionele documenten, want: papier. Html is the very embodiment van de transitie van een drukpers naar een scherm. Terwijl wij aan de toekomst werken, laten we het communiceren van stukken papier over een kabeltje lekker over aan de gevestigde orde. De nieuwe politiek die de Piratenpartij brengt is gebaseerd op argumenten gestaafd met data. Je kan je geen beter platform bedenken dan html voor interactieve visualisatie;​ interactieve data is een lachertje in de traditionele documenten, want: papier. Html is the very embodiment van de transitie van een drukpers naar een scherm. Terwijl wij aan de toekomst werken, laten we het communiceren van stukken papier over een kabeltje lekker over aan de gevestigde orde.
  
 ===== Externe links ===== ===== Externe links =====
-  ​* [[http://dump.piratenpartij.nl/huisstijl/​Corporate%20Identity%20Manual%20Piratenpartij%20v1.pdf|De officiële uitgave van het CIM, versie 0.1.]]+ 
 +  ​* [[https://oele.net/ppnliso/​inhoud/​PPNL/​CIM/​Corporate%20Identity%20Manual_v1.pdf|De officiële uitgave van het CIM, versie 0.1.]]
   * [[http://​www.basbasbas.com/​PPLogo-st.zip|De officiële versies van het standaard logo.]]   * [[http://​www.basbasbas.com/​PPLogo-st.zip|De officiële versies van het standaard logo.]]
   * [[http://​www.basbasbas.com/​PPLogo-po.zip|De officiële versies van het logo met pay-off.]]   * [[http://​www.basbasbas.com/​PPLogo-po.zip|De officiële versies van het logo met pay-off.]]
Regel 416: Regel 202:
   * [[http://​www.basbasbas.com/​Font-Aller.zip|Het Aller font type.]]   * [[http://​www.basbasbas.com/​Font-Aller.zip|Het Aller font type.]]
   * [[http://​www.basbasbas.com/​Font-LucidaGrande.zip|Het Lucida Grande font type.]]   * [[http://​www.basbasbas.com/​Font-LucidaGrande.zip|Het Lucida Grande font type.]]
 +
 +
archief/werkgroep/communicatie/huisstijl_piratenpartij.1466329728.txt.gz · Laatst gewijzigd: 2016/06/19 11:48 door Luc