Difference between revisions of "Manual grafica"

From Piratpartiets Wiki
Jump to navigation Jump to search
(preliminary)
 
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
'''Manual de diseño gráfico'''
  
------------
+
Esta es una traducción del original en Sueco: [[Grafisk_manual| Grafisk Manual]]
  
Manual de diseño gráfico
+
Tambien hay una traducción a [[Graphical_manual| íngles]]
  
 +
Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama 'Piratpartiet'.
  
(Esta es una traducción al [[Grafisk_manual| Grafisk Manual]])
+
= Logotipo oficial =
  
Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama Piratpartiet.
+
La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros [[Manual_grafica#Colores|colores]] simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para [[Manual_grafica#Logos_para_bajar|descargar]].
 
 
= logotipo oficial =
 
 
 
La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros colores simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para descargar.
 
  
  
 
=====Logo vertical=====
 
=====Logo vertical=====
 +
{| class="wikitable" style="background: #e0dede;"
 +
| [[File:Standard stående medsvarttext.svg|300px|frameless]]
 +
| [[File:Standard_stående_medvittext.svg|300px|frameless]]
 +
| [[File:Serpentin_stående_medsvarttext.svg|300px|frameless]]
 +
|}
  
 
=====Logo horizontal=====
 
=====Logo horizontal=====
 +
{| class="wikitable" style="background: #e0dede;"
 +
| [[File:Standard_liggande_medsvarttext.svg|300px|frameless]]
 +
| [[File:Standard_liggande_medvittext.svg|300px|frameless|style="background-color: #512483;"]]
 +
| [[File:Serpentin_liggande_medsvarttext.svg|300px|frameless]]
 +
|}
  
 
= El diseño del logotipo =
 
= El diseño del logotipo =
Line 23: Line 31:
  
 
=====Logo vertical=====
 
=====Logo vertical=====
 +
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Uppbyggnad1-es.jpg|500px|frameless]]
 
|
 
|
* Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.  
+
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
 
* Dividir la superficie en 23 partes verticales iguales.  
 
* Dividir la superficie en 23 partes verticales iguales.  
 
* El logo utiliza 15 partes verticales.
 
* El logo utiliza 15 partes verticales.
Line 32: Line 42:
  
 
=====Logo horizontal=====
 
=====Logo horizontal=====
 +
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Uppbyggnad2-es.jpg|500px|frameless]]
 
|
 
|
* Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.  
+
* Logotipo -standard color violeta, pero que puede usarse con otros [[Manual_grafica#Colores|colores de partidos pirata]].  
 
* Dividir la superficie en 8 partes verticales iguales.  
 
* Dividir la superficie en 8 partes verticales iguales.  
 
* El logo utiliza 4 partes verticales.
 
* El logo utiliza 4 partes verticales.
Line 42: Line 54:
 
= Uso del logo =
 
= Uso del logo =
 
=====Condados / Asociaciones locales=====
 
=====Condados / Asociaciones locales=====
 
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
|'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Pirate Party of West Gothia County', etc.
+
|[[File:Regioner.jpg|500px|frameless]]
 +
|'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Partido Pirata del Vastra Gotaland', etc.
 
|}
 
|}
  
 
=====URLs, etc.=====
 
=====URLs, etc.=====
 
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
|Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Negrita.
+
|[[File:Webbadresser-es.jpg|500px|frameless]]
 +
|Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Bold'.
 
|}
 
|}
  
 
= Colores =
 
= Colores =
 
Los colores también pueden usados en diferentes tonos.
 
Los colores también pueden usados en diferentes tonos.
 
+
{| class="wikitable"
Código de colores
+
!colspan="13"|Código de colores
 
|-
 
|-
 
|
 
|
Line 63: Line 77:
 
|-
 
|-
 
|Violeta - Color oficial
 
|Violeta - Color oficial
|
+
|#512483
 +
|85-100-0-0
 +
| style="width: 30%; background-color: #512483;"|
 +
|-
 
|
 
|
 
|-
 
|-
 
|Naranja - Segundo color oficial
 
|Naranja - Segundo color oficial
 +
|#f28903
 +
|50-10-100-0
 +
| style="width: 30%; background-color: #f28903;"|
 
|-
 
|-
 
|
 
|
 
|-
 
|-
 
|Amarillo
 
|Amarillo
|
+
|#eabd00
 +
|0-20-100-10
 +
| style="width: 30%; background-color: #eabd00;"|
 +
|-
 
|
 
|
 
|-
 
|-
 
|Verde
 
|Verde
|
+
|#95b420
 +
|0-55-100-0
 +
| style="width: 30%; background-color: #95b420;"|
 
|-
 
|-
 
|
 
|
 
|-
 
|-
 
|Rosa
 
|Rosa
|
+
|#d82e8a
 +
|10-90-0-0
 +
| style="width: 30%; background-color: #d82e8a;"|
 
|-
 
|-
 
|
 
|
 
|-
 
|-
 
|Rojo
 
|Rojo
 
+
|#cf242c
 +
|15-95-85-0
 +
| style="width: 30%; background-color: #cf242c;"|
 +
|-
 
|
 
|
 
|-
 
|-
 
|Azul
 
|Azul
|
+
|#00a6d0
 +
|90-0-15-0
 +
| style="width: 30%; background-color: #00a6d0;"|
 
|-
 
|-
 
|
 
|
 
|-
 
|-
 
|Azul oscuro
 
|Azul oscuro
 
+
|#005c9f
 +
|100-60-10-0
 +
| style="width: 30%; background-color: #005c9f;"|
 
|-
 
|-
 
|
 
|
 
|-
 
|-
 
|Turquesa
 
|Turquesa
 +
|#00a09b
 +
|79-12-44-0
 +
| style="width: 30%; background-color: #00a09b;"|
 +
|-
 +
|}
  
 +
= Combinación de logo y colores =
 +
{| class="wikitable" style="background: #e0dede;"
 +
| [[File:Lila_segel.svg|170px|frameless]]
 +
| [[File:Orange_segel.svg|170px|frameless]]
 +
| [[File:Gult_segel.svg|170px|frameless]]
 +
| [[File:Grönt_segel.svg|170px|frameless]]
 +
| [[File:Rosa_segel.svg|170px|frameless]]
 +
|-
 +
| [[File:Rött_segel.svg|170px|frameless]]
 +
| [[File:Ljusblått_segel.svg|170px|frameless]]
 +
| [[File:Mörkblått_segel.svg|170px|frameless]]
 +
| [[File:Turkost_segel.svg|170px|frameless]]
 +
| [[File:Vitt_segel.svg|170px|frameless]]
 +
|}
  
= Combinación de logo y colores =
+
= Fuente =
y
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Lato.jpg|500px|frameless]]
 
|  
 
|  
* Usamos principalmente la fuente LATO [in four cuts (?) (within parenthesis Google Fonts)]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).  
+
* Usamos principalmente la fuente LATO [en cuatro variaciones]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).  
 
* Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.  
 
* Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.  
 
* Descárgalas en [http://www.latofonts.com www.latofonts.com] en tu ordenador.
 
* Descárgalas en [http://www.latofonts.com www.latofonts.com] en tu ordenador.
* [http://www.google.com/fonts/specimen/Lato tipografía Lato Google], para la web.
+
* [http://www.google.com/fonts/specimen/Lato Tipografía Lato Google], para la web.
 
|}
 
|}
  
 
= Diseño =
 
= Diseño =
 
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|-
 +
| [[File:Liggande.jpg|300px|frameless]]
 
|  
 
|  
 
* Divide la página en red: 14 celdas horizontales y 20 rectángulos verticales.
 
* Divide la página en red: 14 celdas horizontales y 20 rectángulos verticales.
 
* El logo horizontal siempre está colocado en la esquina inferior izquierda. En los diseños más convencionales deberían tener espacio de alura.  
 
* El logo horizontal siempre está colocado en la esquina inferior izquierda. En los diseños más convencionales deberían tener espacio de alura.  
 
* El logo vertical puede colocarse en cualquier esquina. Para diseños más convencionales suele ocupar 2 espacios.
 
* El logo vertical puede colocarse en cualquier esquina. Para diseños más convencionales suele ocupar 2 espacios.
 
+
| [[File:Stående.jpg|300px|frameless]]
 
+
|-
 +
| [[File:Form1-es.jpg|300px|frameless|]]
 +
|
 
* En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
 
* En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
 
* Ambas variaciones del logo pueden ajustarse de tamaño de acuerdo con la imagen y el diseño.  
 
* Ambas variaciones del logo pueden ajustarse de tamaño de acuerdo con la imagen y el diseño.  
Line 123: Line 181:
 
* Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
 
* Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
 
* Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.  
 
* Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.  
 
+
| [[File:Form2-es.jpg|300px|frameless|]]
 
|-
 
|-
 
|}
 
|}
Line 129: Line 187:
 
= Íconos e ilustraciones =
 
= Íconos e ilustraciones =
  
 
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Raket.jpg|300px|frameless]]
 
| Algunas veces hay necesidad de usar íconos o ilustraciones. Para esto [[http://fortawesome.github.io/Font-Awesome 'Tipografía: Awsome'] es recomendable. Va muy bien junto a otras tipografías y colores.
 
| Algunas veces hay necesidad de usar íconos o ilustraciones. Para esto [[http://fortawesome.github.io/Font-Awesome 'Tipografía: Awsome'] es recomendable. Va muy bien junto a otras tipografías y colores.
 
|}
 
|}
Line 136: Line 195:
  
 
=====Ejemplos de mezclas para partidos=====
 
=====Ejemplos de mezclas para partidos=====
 
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Remix1.jpg|500px|frameless]]
 
| Remezcla (Sí, ¡por favor!) el logo y diviértete con ello. Sin embargo, usa la tipografía y los colores de este manual cuando es una comunicación oficial de un partido. El logo original puede ser combinado y usado libremente.  
 
| Remezcla (Sí, ¡por favor!) el logo y diviértete con ello. Sin embargo, usa la tipografía y los colores de este manual cuando es una comunicación oficial de un partido. El logo original puede ser combinado y usado libremente.  
 
|}
 
|}
  
 
=====Ejemplo de mezclas libres=====
 
=====Ejemplo de mezclas libres=====
| Este logo puede ser usado para remezclar, desarrollar en nuevos logos. Se utiliza para, por ejemplo sátira.
+
{| class="wikitable" style="background: #e0dede; width: 900px;"
 +
|[[File:Remix2.jpg|500px|frameless]]
 +
| Este logo puede ser usado para remezclar, desarrollar nuevos logos. Se utiliza para, por ejemplo sátira.
 
|}
 
|}
  
 
===== El viejo logo - horizontal =====
 
===== El viejo logo - horizontal =====
  
ste logo puede ser usado para remezclar, desarrollar o crear en nuevos logos.
+
Este logo puede ser usado para remezclar, desarrollar o crear en nuevos logos.
  
Imagen
+
{| class="wikitable"
Propósito
+
!Imagen
Archivos
+
!Propósito
Un color con fondo transparente
+
!|Archivos
Dos colores con fondo transparente
+
|-
 +
|| [[File:logga_text.enfärg_svart.preview.PNG|enfärg_svart.preview.PNG]] ||Un color con fondo transparente ||[[Media:logga_text.enfärg_svart.svg|SVG]] [[Media:logga_text.enfärg_svart.pdf|PDF]] [[Media:logga_text.enfärg_svart.png|PNG]] [[Media:logga_text.enfärg_svart.jpg|JPEG]]
 +
|-
 +
|| [[File:logga_text.tvåfärg_svart.preview.png|tvåfärg_svart.preview.png]] ||Dos colores con fondo transparente ||[[Media:logga_text.tvåfärg_svart.svg|SVG]] [[Media:logga_text.tvåfärg_svart.pdf|PDF]] [[Media:logga_text.tvåfärg_svart.png|PNG]] [[Media:logga_text.tvåfärg_svart.jpg|JPEG]]
 +
|}
  
=====El logo viejo - vertical =====
+
=====El viejo logo - vertical =====
  
Imagen
+
{| class="wikitable"
Propósito
+
!Imagen
Archivos
+
!Propósito
Un color con fondo transparente
+
!|Archivos
Dos colores con fondo transparente
+
|-
 +
|| [[File:under_enfärg_svart.preview.png|enfärg_svart.preview.png]] ||Un color con fondo transparente ||[[Media:under_enfärg_svart.svg|SVG]] [[Media:under_enfärg_svart.pdf|PDF]] [[Media:under_enfärg_svart.png|PNG]] [[Media:under_enfärg_svart.jpg|JPEG]]
 +
|-
 +
|| [[File:under_tvåfärg_svart.preview.png|tvåfärg_svart.preview.png]] ||Dos colores con fondo transparente ||[[Media:under_tvåfärg_svart.svg|SVG]] [[Media:under_tvåfärg_svart.pdf|PDF]] [[Media:under_tvåfärg_svart.png|PNG]] [[Media:under_tvåfärg_svart.jpg|JPEG]]
 +
|}
  
 
= Recursos =
 
= Recursos =
Line 169: Line 239:
 
=====Tipografías=====
 
=====Tipografías=====
 
* [http://www.latofonts.com%20www.latofonts.com Lato] – nuestra tipografía oficial
 
* [http://www.latofonts.com%20www.latofonts.com Lato] – nuestra tipografía oficial
* [http://www.google.com/fonts/specimen/Lato Lato Tipografías Google] para webs
+
* [http://www.google.com/fonts/specimen/Lato Lato Tipografías Google] para web
 
* [http://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones
 
* [http://fortawesome.github.io/Font-Awesome Tipografía Awsome] – Íconos y tipografías libres para diseños web e ilustraciones
  
=====Los para bajar=====
+
=====Logos para bajar=====
 
* [http://opassande.se/wp-content/uploads/2015/10/eps.zip Logos] – Todos los logos en un mismo paquete, eps 4-color para impresión
 
* [http://opassande.se/wp-content/uploads/2015/10/eps.zip Logos] – Todos los logos en un mismo paquete, eps 4-color para impresión
[
+
* [http://opassande.se/wp-content/uploads/2015/10/svg.zip Logos] - Todos los logos en un mismo paquete, svg RGB para web, etc.  
 
 
http://opassande.se/wp-content/uploads/2015/10/svg.zip
 
 
 
Logos] -
 
 
 
Todos los logos en un mismo paquete, svg RGB para web, etc.  
 
 
* [http://opassande.se/wp-content/uploads/2015/10/standard.zip Logos] – El logo principal (vertical y horizontal), eps 4-color, para impresión
 
* [http://opassande.se/wp-content/uploads/2015/10/standard.zip Logos] – El logo principal (vertical y horizontal), eps 4-color, para impresión
* [http://opassande.se/wp-content/uploads/2015/10/loggomall.idml_.zip Plantillas de logos] documentos indesign, documentos indesign, incluye acciones programadas de CMYK y RGB   
+
* [http://opassande.se/wp-content/uploads/2015/10/loggomall.idml_.zip Plantillas de logos] documentos indesign, incluye acciones programadas de CMYK y RGB   
  
 
=====Imágenes libres=====
 
=====Imágenes libres=====
 
* [http://stocksnap.io stocksnap.io] Bonitas imágenes en alta resolución, que pueden usarse libremente.
 
* [http://stocksnap.io stocksnap.io] Bonitas imágenes en alta resolución, que pueden usarse libremente.
 
* [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Ilustraciones vectoriales libres.
 
* [http://www.freepik.com/popular-vectors www.freepik.com/popular-vectors] Ilustraciones vectoriales libres.
* [http://compfight.com Flickr] (Para encotnrar imágenes con licencia CC en Flickr)
+
* [http://compfight.com Flickr] (Para encontrar imágenes con licencia CC en Flickr)
 
* [http://www.flickr.com/search/advance www.flickr.com/search/advance] (Cuando busques, filtra por "CC")
 
* [http://www.flickr.com/search/advance www.flickr.com/search/advance] (Cuando busques, filtra por "CC")
 
* [http://bildbank.piratpartiet.se/main.php bildbank.piratpartiet.se/main.php] (Banco de imágines del PPSE)
 
* [http://bildbank.piratpartiet.se/main.php bildbank.piratpartiet.se/main.php] (Banco de imágines del PPSE)
Line 196: Line 260:
 
=====Consejos=====
 
=====Consejos=====
 
* [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guía para los medios sociales]
 
* [http://www.skills2tech.com/2015/01/social-media-images-size-guide-2015.html Guía para los medios sociales]
* [http://freepsdfiles.net Archicos pdf libres]
+
* [http://freepsdfiles.net Archivos psd libres]
 
* [http://www.jamendo.com/en Música libre,] por ejemplo: para video.
 
* [http://www.jamendo.com/en Música libre,] por ejemplo: para video.
 
* [http://www.easypdfcloud.com Combinar y convertir imágenes pdf]
 
* [http://www.easypdfcloud.com Combinar y convertir imágenes pdf]
Line 203: Line 267:
 
=====Inspiración=====
 
=====Inspiración=====
 
* Videos hechos con el diseño gráfico de 'Piratpartiet: [https://youtu.be/TeBk3DZJOr4 Video informativo], [https://youtu.be/tVazj_HCdWU imaginación].
 
* Videos hechos con el diseño gráfico de 'Piratpartiet: [https://youtu.be/TeBk3DZJOr4 Video informativo], [https://youtu.be/tVazj_HCdWU imaginación].
* Sitio web independiente destaca la política de'Piratpartiet', [http://framtidspolitik.nu/ framtidspolitik.nu]
+
* Sitio web independiente destaca la política de 'Piratpartiet', [http://framtidspolitik.nu/ framtidspolitik.nu]
 
* Confederación Pirata (Estado español) ([https://confederacionpirata.org/wiki/creativos:start%20 carteles, memes, nuncios, logos])  
 
* Confederación Pirata (Estado español) ([https://confederacionpirata.org/wiki/creativos:start%20 carteles, memes, nuncios, logos])  
 
* Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])
 
* Pirate Party UK (Partido Pirata Reino Unido ([https://pirateparty.org.uk/campaigns/activists/all-materials carteles, volantes, imágenes etc.])
  
 
+
[[category:Grafisk manual]]
 
+
{{partiet}}
++++++++++++++++++++++++++++++++++++++++++++
 
 
 
 
 
 
 
[ Images containing swedish text that need to be re-made with translations below, add Spanish translations below the english (row 3) of each]
 
 
 
http://mediawiki.piratpartiet.se/wiki/File:Uppbyggnad1.jpg
 
Luft
 
Space
 
 
 
Logotyp
 
Logotype
 
 
 
Versalhöjd
 
Vertical capital space
 
 
 
Utrymmet delas upp i 23 lika stora delar på höjden
 
The surface is split into 23 equal vertical parts
 
 
 
Logotyp - standardfärg lila, men får även användas i de andra PP-färgerna.
 
Logotype - standard color is purple, but it may also be used in other Pirate Party colors.
 
 
 
Alltid versaler
 
Always capital letters
 
 
 
LATO LIGHT
 
 
 
 
 
http://mediawiki.piratpartiet.se/wiki/File:Uppbyggnad2.jpg
 
(see translation in previous image. Only number changes.
 
 
 
 
 
http://mediawiki.piratpartiet.se/wiki/File:Webbadresser.jpg
 
 
 
Alltid gemener
 
Always lower-case letters
 
 
 
 
 
http://mediawiki.piratpartiet.se/wiki/File:Form1.jpg
 
 
 
    Piratpartiet använder fonten Lato som gärna kombineras mellan Light och Bold
 
    'Piratpartiet' uses the font 'Lato' , which can easily be combined between 'Light' and 'Bold'.
 
   
 
    Står det "Piratpartiet" i rubriken, så måste inte namnet vara med under loggan.
 
    If the title contains 'Piratpartiet', then the name doesn't have to be below the logotype.
 
 
 
http://mediawiki.piratpartiet.se/wiki/File:Form2.jpg
 
    Piratpartiet använder fonten Lato som gärna kombineras mellan Light och Bold
 
    'Piratpartiet' uses the font 'Lato' , which can easily be combined between 'Light' and 'Bold'.
 
   
 
    Står det "Piratpartiet" i rubriken, så måste inte namnet vara med under loggan.
 
    If the title contains 'Piratpartiet', then the name doesn't have to be under the logotype.
 

Latest revision as of 22:38, 10 May 2016

Manual de diseño gráfico

Esta es una traducción del original en Sueco: Grafisk Manual

Tambien hay una traducción a íngles

Bienvenidos al manual gráfico del Partido Pirata de Suecia. Las reglas no están escritas en piedra, si no que se pretende dar apoyo a la hora de diseñar algo para el Partido Pirata. En Suecia, el Partido Pirata se llama 'Piratpartiet'.

Logotipo oficial

La vela violeta/púrpura (o blanca) es nuestro logo (símbolo). Junto al nombre (nombre en logo) creará el logo principal (la marca comercial combinada). La Vela se puede utilizar sola e incluso puede ser utilizada así en nuestros logos oficiales. A la derecha, se puede ver la llamada "versión serpentina" del logotipo, que combina nuestros colores simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para descargar.


Logo vertical
Standard stående medsvarttext.svg Standard stående medvittext.svg Serpentin stående medsvarttext.svg
Logo horizontal
Standard liggande medsvarttext.svg style="background-color: #512483;" Serpentin liggande medsvarttext.svg

El diseño del logotipo

El logotipo puede ser usado sin texto, así como en los diferentes colores del Piratpartiet.


Logo vertical
Uppbyggnad1-es.jpg
  • Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.
  • Dividir la superficie en 23 partes verticales iguales.
  • El logo utiliza 15 partes verticales.
  • Piratpartiet está siempre escrito en mayúsculas y con la tipografía "Lato Light". Se utilizan dos casillas verticales.
  • La medida horizontal define la anchura de la escala vertical
Logo horizontal
Uppbyggnad2-es.jpg
  • Logotipo -standard color violeta, pero que puede usarse con otros colores de partidos pirata.
  • Dividir la superficie en 8 partes verticales iguales.
  • El logo utiliza 4 partes verticales.
  • Piratpartiet está siempre escrito en mayúsculas y con la tipografía "Lato Light". Se utilizan dos casillas verticales.
  • La medida horizontal define la anchura de la escala vertical

Condados / Asociaciones locales
Regioner.jpg 'Pirate Party' no tiene que escribirse si el contexto deja claro que es del partido. Por ejemplo: Una página de Facebook en la que ya en el nombre se indica que es el 'Partido Pirata del Vastra Gotaland', etc.
URLs, etc.
Webbadresser-es.jpg Preferentemente siempre en un formato vertical y siempre en minúsculas usando tipografía 'Lato Bold'.

Colores

Los colores también pueden usados en diferentes tonos.

Código de colores
Web Imprenta (CMYK)
Violeta - Color oficial #512483 85-100-0-0
Naranja - Segundo color oficial #f28903 50-10-100-0
Amarillo #eabd00 0-20-100-10
Verde #95b420 0-55-100-0
Rosa #d82e8a 10-90-0-0
Rojo #cf242c 15-95-85-0
Azul #00a6d0 90-0-15-0
Azul oscuro #005c9f 100-60-10-0
Turquesa #00a09b 79-12-44-0

Combinación de logo y colores

Lila segel.svg Orange segel.svg Gult segel.svg Grönt segel.svg Rosa segel.svg
Rött segel.svg Ljusblått segel.svg Mörkblått segel.svg Turkost segel.svg Vitt segel.svg

Fuente

Lato.jpg
  • Usamos principalmente la fuente LATO [en cuatro variaciones]: Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) y Black/Black Italic (900). Puedes utilizarlas en combinación con las demás (mira la siguiente sección).
  • Hay varios tipos de esta tipografía, por ejemplo: LATO HAIRLINE. Puede ser utilizada para impresiones, aunque no funciona bien para webs, etc.
  • Descárgalas en www.latofonts.com en tu ordenador.
  • Tipografía Lato Google, para la web.

Diseño

Liggande.jpg
  • Divide la página en red: 14 celdas horizontales y 20 rectángulos verticales.
  • El logo horizontal siempre está colocado en la esquina inferior izquierda. En los diseños más convencionales deberían tener espacio de alura.
  • El logo vertical puede colocarse en cualquier esquina. Para diseños más convencionales suele ocupar 2 espacios.
Stående.jpg
Form1-es.jpg
  • En carteles, volantes, etc. el logo vertical puede colocarse libremente en los márgenes.
  • Ambas variaciones del logo pueden ajustarse de tamaño de acuerdo con la imagen y el diseño.
  • Una celda libre alrededor.
  • Si el material se va a imprimir, pon la mitad de una celda de espacio en blanco alrededor del diseño.
  • Piensa en la combinación entre imagen y texto. Las imágenes con un montón de detalles, mejor con texto corto. Los textos más largos requieren más áreas libres en la imagen.
Form2-es.jpg

Íconos e ilustraciones

Error creating thumbnail: Unable to save thumbnail to destination
Algunas veces hay necesidad de usar íconos o ilustraciones. Para esto ['Tipografía: Awsome' es recomendable. Va muy bien junto a otras tipografías y colores.

Ejemplos de mezclas para partidos
Remix1.jpg Remezcla (Sí, ¡por favor!) el logo y diviértete con ello. Sin embargo, usa la tipografía y los colores de este manual cuando es una comunicación oficial de un partido. El logo original puede ser combinado y usado libremente.
Ejemplo de mezclas libres
Remix2.jpg Este logo puede ser usado para remezclar, desarrollar nuevos logos. Se utiliza para, por ejemplo sátira.
El viejo logo - horizontal

Este logo puede ser usado para remezclar, desarrollar o crear en nuevos logos.

Imagen Propósito Archivos
Error creating thumbnail: Unable to save thumbnail to destination
Un color con fondo transparente SVG PDF PNG JPEG
Error creating thumbnail: Unable to save thumbnail to destination
Dos colores con fondo transparente SVG PDF PNG JPEG
El viejo logo - vertical
Imagen Propósito Archivos
Error creating thumbnail: Unable to save thumbnail to destination
Un color con fondo transparente SVG PDF PNG JPEG
Error creating thumbnail: Unable to save thumbnail to destination
Dos colores con fondo transparente SVG PDF PNG JPEG

Recursos

Manual de impresión
  • PDF - A4, página simple
  • PDF - A4, extensión
Tipografías
Logos para bajar
  • Logos – Todos los logos en un mismo paquete, eps 4-color para impresión
  • Logos - Todos los logos en un mismo paquete, svg RGB para web, etc.
  • Logos – El logo principal (vertical y horizontal), eps 4-color, para impresión
  • Plantillas de logos documentos indesign, incluye acciones programadas de CMYK y RGB
Imágenes libres
Consejos
Inspiración


v - e Piratpartiet
Partiets historia Piratpartiets grundande ¤ Riksdagsvalet 2006 ¤ EU-valet 2009 ¤ EU 2009-2014 ¤ Riksdagsvalet 2010 ¤ Stadgerevisionen 2011 ¤ EU-valet 2014 ¤ Riksdagsvalet 2014 ¤ Stadgerevisionen 2015 ¤ Riksdagsvalet 2018 ¤ EU-valet 2019
Stadgar 2.5 ¤ 2.6 ¤ 2.7 ¤ 2.8 ¤ 3.0 ¤ 3.1
Verksamhetsplan 2006 ¤ 2007 ¤ 2008 ¤ 2009 ¤ 2010 ¤ 2011 ¤ 2012 ¤ 2013 ¤ 2014 ¤ 2015 ¤ 2016 ¤ 2017 ¤ 2018 ¤ 2019
Budget 2006 ¤ 2007 ¤ 2008 ¤ 2009 ¤ 2010 ¤ 2011 ¤ 2012 ¤ 2013 ¤ 2014 ¤ 2015 ¤ 2016 ¤ 2017 ¤ 2018 ¤ 2019
Närstående organisationer Lokala föreningar ¤ Piratprylar AB ¤ Piratstudenterna ¤ Regnbågspiraterna ¤ Sharing is Caring AB ¤ Ung Pirat
Ansvarsposter
Arbetsutskottet Katarina Stensson (partiledare) ¤ Henrik Passmark (vice partiledare) ¤ Mattias Rubenson (partisekreterare) ¤ Matti Brandt ¤ Mikael Enmalm
Partistyrelsen Katarina Stensson (partiledare) ¤ Henrik Passmark (vice partiledare) ¤ Mattias Rubenson (partisekreterare) ¤ Andreas Bjärnemalm ¤ Andreas Eng ¤ Christoffer Eldengrip ¤ Jan-Erik Malmquist ¤ Jerry Hjort ¤ Johan Ericsson ¤ Maj Stenmark ¤ Matti Brandt ¤ Mikael Enmalm ¤ Ola Nyström ¤ Pye Jakobsson ¤ Sara Hjalmarsson
Valberedningen Henrik Brändén ¤ Mattias Bjärnemalm ¤ Otto Larsson ¤ Sofia Dahlgren ¤ Sofia Hartelius ¤ Vakant
Revisorer Jan Lindgren (revisor) ¤ Tomas Kronvall (ersättare) ¤ Mattias Lundbäck (revisor) ¤ Mikael Holm (ersättare)
Mötespresidiet Philip Johansson (ordf) ¤ Hugo Johansson (vice ordf) ¤ Martin Jakobsson (vice ordf) ¤ Fredrik Jarmo Ahl (vice ordf) ¤ Jakob Sinclair (vice ordf) ¤ Isabel Hernández Humbla (vice ordf) ¤ Marcus Isaksson (vice ordf)
Historiska ansvarsposter
Partiledare Rick Falkvinge (2006-2010) ¤ Anna Troberg (2011-2014) ¤ Vakant (2015-2016) ¤ Magnus Andersson (2016-2019) ¤ Katarina Stensson (2020-)
Vice partiledare Christian Engström (2008-2009) ¤ Anna Troberg (2009-2010) ¤ Henrik Brändén (2013-2014) ¤ Leffe Deldén (2013-2014) ¤ Vakant (2015-2016) ¤ Mattias Bjärnemalm (2016) ¤ Vakant (2016-2017) ¤ Katarina Stensson (2017-2019) ¤ Henrik Passmark (2020-)
Partisekreterare Mårten Fjällström (2007-2010) ¤ Jan Lindgren (2011-2014) ¤ Henrik Brändén (2014) ¤ Vakant (2015-2016) ¤ Anton Nordenfur (2016-2017) ¤ Mattias Rubenson (2017-)
Styrelsens sammankallande Rick Falkvinge (2006-2010) ¤ Leffe Deldén (2011-2012) ¤ Anders S Lindbäck (2013) ¤ Jan Lindgren (2014) ¤ Malin Ahnberg (2014-2015) ¤ Josef Ohlsson Collentine (2015-2016) ¤ Magnus Andersson (2017-2019) ¤ Katarina Stensson (2020-)
Styrelsens sekreterare Henrik Brändén (2011-2012) ¤ Anton Nordenfur (2013-2014) ¤ Göran Widham (2015) ¤ Anton Nordenfur (2015) ¤ Vakant (2016) ¤ Ronja Gustafsson (2016-2017) ¤ Mattias Rubenson (2018-)