Difference between revisions of "Manual grafica"

From Piratpartiets Wiki
Jump to navigation Jump to search
 
(5 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]]
 
 
 
 
(Esta es una traducción al [[Grafisk_manual| Grafisk Manual]])
 
  
 
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'.
 
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 =
+
= 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 [[Manual_grafica#Colores|colores]] simbolizando el movimiento y la flexibilidad. Las distintas versiones están disponibles para descargar.
+
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]].
  
  
 
=====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
  
 
=====Logos 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-)