Grafisk manual 2014

transcript

SSU grafisk manual—

SSU GRAFISK MANUAL-

DOKUMENTNAMN-ssu_grafisk_manual.pdf

SVERIGES SOCIALDEMOKRATISKA UNGDOMSFÖRBUND

Logotyp

Typografi Fotografi

Grafiska element

Papper

Social Media

Designexempel i många olika situationer

Kontaktuppgifter

VÅR GRAFISKA MANUAL

Välkommen till SSU, Sveriges socialdemokratiska ungdomsförbund. I handen håller du vår grafiska manual. All kommunikation som tas fram i vårt namn ska utgå ifrån den här manualen, vilket gäller vare sig du är en medlem i SSU, extern formgivare eller byrå. Manualen ska ses som en verktygslåda, som finns till för att underlätta framtagandet av olika typer av kommunikationsmaterial. Börja bläddra och lycka till!

INDEX-

logotyp—

SSU GRAFISK MANUAL-

SYMBOL-

LOGOTYP-

Logotypen är basen för all vår kommunikation. Logotypens främsta visuella kännetecken är symbolen, SSU. Den visar att SSU står som tydlig avsändare och riktlinjer för hur symbolen ska användas bör följas så långt det bara går då det ger ett konsekvent och enat intryck, vilket stärker vår organisation. Symbolen får användas utan ordmärket medan ordmärket däremot inte får användas på egen hand.

I vissa fall utgörs logotypen av symbolen och ordmärket, "Sveriges Socialdemokratiska ungdomsförbund". Ordmärket placeras alltid till höger om symbolen, och den här varianten av logotypen används lämpligtivis när det är extra viktigt att tydliggöra betydelsen av förkortningen SSU.

SYMBOL & ORDMÄRKE-

LOGOTYP-

MED BUDSKAP ELLER IKON-

Vår logotyp kan ackompanjeras av ett kort budskap eller av våra ikoner, vilka är speciellt framtagna för SSU och till vår grafiska profil.

1. Symbol med budskapBudskap ska vara korta, slagkraftiga och aktuella. De ska aldrig vara längre än 3-6 ord och de skrivs på max två rader. Text som du ser till höger, “”För ett jämlikt Sverige”, “Öka skolans resurser” och “Påverka din vardag”, är bara exempeltext och ingenting annat.

2. Symbol med ikonVåra ikoner representerar olika sidor av folkrörelsen SSU. Undvik att skapa egna ikoner och använd de som SSU tagit fram. På sidan 25 kan du läsa mer om våra ikoner samt se hur de fungerar i olika utföranden.

1. Symbol med budskap 2. Symbol med ikon

LOGOTYP-

MED DISTRIKTSNAMN-

"SSU" och "SSU + Sveriges Socialdemokratiska Ungdomsförbundet" är standardlogotyper och används som avsändare i de flesta fall. I undantagsfall när ett distrikt behöver förtydliga sin lokala tillhörighet i avsändaren kan distriktsnamnet läggas till symbolen. "SSU + distriktets namn".

LOGOTYP-

POSITIV/NEGATIV/SVARTVIT-

Vår logotyp kommer användas ofta och i många olika sammanhang, och just därför finns den i flera olika utföranden:

1. Positiv i färg och svartvittI majoriteten av fall används symbolen i färg. Den fungerar bäst mot vit bakgrund eller mot svartvita fotografier. I specialfall och då situationen kräver kan en helsvart logotyp användas.

2. Negativ i färg och svartvittDen negativa varianten, symbolen i vitt, används på röda, mörka och svarta bakgrunder.

1. Positiv bakgrundsfärg

2. Negativ bakgrundsfärg

LOGOTYP-

FRIZON-

Logotypens frizon är det utrymme som alltid ska finnas runt omkring logotypen då den placeras nära andra logotyper, bilder eller texter. Frizonen baseras på den mörkgröna rektangeln i det övre vänstra exemplet. Måttet är ett proportionerligt mått och fungerar oavsett vilken storlek logotypen återges i. Frizonen kan vara större än angivna mått, men får inte vara mindre.

LOGOTYP-

POSITION-

På det kommunikationsmaterial som vi skapar själva ska logotypen alltid placeras till vänster i över- eller underkant. Om logotypen exempelvis placeras tillsammans med andra logotyper av extern part eller byrå, kan denna regel behöva frångås. Avstånd mellan logotyp och andra logotyper, bilder eller texter motsvaras av frizonen.

LOGOTYP-

10/45-

FEL HANTERING AV LOGOTYP-

Du ska inte formatera logotypen hur som helst. Logotypen ska alltid se ut som på sidan 7 och aldrig som dem med ett rött kryss på denna sida.

Så här ska logotypen inte se ut:1. Placera inte en bild i logotypen.2. Färglägg inte logotypen med andra färger.3. Snedställ inte logotypen.4. Lägg aldrig text till vänster om logotypen.5. Skriv aldrig ut ordmärket i svart text. 6. Positionera aldrig ordmärket under symbolen.7. Förvräng aldrig logotypens proportioner. Sveriges Socialdemokratiska

Ungdomsförbund

LOGOTYP-

11/45-

färg—

SSU GRAFISK MANUAL-

12/45-

FÄRGPALETT-

Primära färgerPrimära färger

Blandningar som aldrig får göras enskilt

Sekundära färger

RÖD-PMS: 1788U 1788CCMYK: 0 90 93 0 RGB: 246 29 30

MÖRKRÖD-PMS: 1805U 1805CCMYK: 14 97 100 4RGB: 196 0 10

CMYK: 0 0 0 0RGB: 255 255 255

GUL-PMS: 7409U 7410CCMYK: 0 24 58 0RGB: 255 203 115

SVART-PMS: BLACK U, CCMYK: 91 79 62 97RGB: 0 0 0

OFF WHITE-PMS: 7506U 7506CCMYK: 0 9 13 0RGB: 255 234 215

GRÅ-PMS: 7541U 7541CCMYK: 12 8 9 0RGB: 224 224 224

SSU älskar färgen röd, vilken symboliserar vår politiska ideologi och vår koppling till Socialdemokratin. Primärfärgerna (röd, vit och svart) är våra identitetsbärande färger som också är logotypens huvudfärger. För att ge den grafiska profilen mer liv och primärfärgerna något att konstrastera mot, finns de sekundära färgerna (mörkröd, off white, gul och grå). Färgpaletten finns i tre olika färgblandningar för tryckta (CMYK) och digitala kanaler (RGB). Det finns även en PANTONE-kod. Undvik att använda endast mörka eller ljusa färger. Se exempel med röda kryss på blandningar du aldrig ska göra enskilt utan andra färger inblandade.

13/45-

FÄRG-

typografi—

SSU GRAFISK MANUAL-

14/45-

SSU DISPLAY-

SSU använder ett antal typsnitt för att skapa en sammanhållen identitet. För god design är det viktigt att använda rätt typsnitt för rubrik, brödtext, ingress etc. På denna sida ser du SSU Display, vårt specialritade typsnitt för rubriker. Det bör inte användas i storlekar under 30 pkt, och det kan också användas i kortare text när behovet av profilering är stort, till exempel på en affisch, banner eller tygpåse. Samtlig typografi ska alltid vara vänsterställd och vänsterjusterad.

sverigessocialdemokratiskaungdomsfÖrbund

15/45-

TYPOGRAFI-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus. Donec erat nibh, rutrum ut turpis quis, vulputate consectetur purus. Nulla blandit libero quis enim placerat mattis.Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus. Donec erat nibh, rutrum ut turpis quis, vulputate consectetur purus. Nulla blandit libero quis enim placerat mattis.Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus.

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö1234567890!”#€%&/()=?

LightRegularMediumBoldBlack

LIGHTREGULARMEDIUMBOLDBLACK

BRANDONTEXT- Aa

Brandon är ett modernt typsnitt som SSU använder i brödtext. Om teckensnittet inte finns tillgängligt på datorn används Arial, vilket är förinstallerat på alla datorer världen över. Brandon och Arial ska aldrig sättas i mindre än 8 punkter. Samtlig typografi ska alltid vara vänsterställd och vänsterjusterad.

BRÖDTEXT-

Arial (webbsäkert)Brödtext (minimum 8pt)

webb säkert!

Underrubrik sätts alltid i versaler

16/45-

TYPOGRAFI-

Exempel på hur typsnitt sammverkar.Definierar förhållanden i storlek, samt förutsättningar för god tillgänglighet.

Primära typsnitt

Rubrik: SSU Display, 50pt46pt radavstånd

Underrubrik: Brandon Text Bold, 14pt16.8pt radavstånd (versaler)

Ingress: Brandon Text Medium, 12pt 14.4pt radavstånd

Brödtext: Brandon Text Regular, 12pt14.4pt radavstånd

Sekundära typsnitt

Rubrik: SSU Display, 50pt46pt radavstånd

Underrubrik: Arial Bold, 14pt16.8pt radavstånd (versaler)

Ingress: Arial Bold, 11pt14.4pt radavstånd

Brödtext: Arial Regular, 12pt14.4 pt radavstånd

TEXTFORMATERING-

UNDERRUBRIK-Ingress – (ca 20-25 ord) ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

Ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

Ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa. ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

UNDERRUBRIK-Ingress – (ca 20-25 ord) ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

Ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

Ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa. ipsum dolor sit amet, consectetur adipiscing elit. Integer nulla nibh, consequat at congue nec, auctor vel ipsum. Ut euismod auctor rhoncus. In nec massa.

Primära typsnitt Webbsäkert typsnitt

Sveriges Socialdemokratiska UngdomsfÖrbund

17/45-

TYPOGRAFI-

Till höger ser du ett bra exempel på hur vi använt typsnitten och färgerna i en fin och lagom blandning, där kontrasten upprätthålls utan att läsbarheten förstörs.

BRA EXEMPEL-

TYPOGRAFI-

UNDERRUBRIK-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus. Donec erat nibh, rutrum ut turpis quis, vulputate consectetur purus.

KLICKA HÄR!

UNDERRUBRIK-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus. Donec erat nibh, rutrum ut turpis quis, vulputate consectetur purus.

KLICKA HÄR!

I SSU SÅ KANDU PÅVERKA PÅRIKTIGT

18/45-

Ställ aldrig typografin till höger. Använd rätt kerning och radavstånd. Sätt inte typografin för smått. Ändra aldrig lutningen på typografin. Sätt aldrig typografin i fel vikt och lägg aldrig på en effekt som "outline" eller liknande.

EXEMPEL PÅ FEL TYPOGRAFI-

SOM MEDLEM I SSU KAN DU VARA MED OCH PÅVERKA I DE FRÅGOR DU BRINNER FÖR-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus.

Som medlem i SSU kan du vara med och påverka i de frågor du brinner för

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. ETIAM ULTRICIES LACUS VOLUTPAT TURPIS POSUERE ALIQUAM. AENEAN IACULIS SEM UT TURPIS PORTTITOR SOLLICITUDIN. NULLAM SODALES LOREM A ENIM VENENATIS, AT VOLUTPAT DOLOR VEHICULA. NAM CONGUE SEMPER JUSTO VARIUS PORTTITOR.

SOM MEDLEM I SSU KAN DU VARA MED OCH PÅVERKA I DE FRÅGOR DU BRINNER FÖR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam.

Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula.

Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus.

SOM MEDLEM I SSU KAN DU VARA MED OCH

PÅVERKA I DE FRÅGOR DU BRINNER FÖR

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam ultricies lacus volutpat turpis posuere aliquam.

Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam

sodales lorem a enim venenatis, at volutpat dolor vehicula.

Nam congue semper justo varius porttitor. Phasellus ut

lorem id tortor commodo viverra vel in lacus.

SOM MEDLEM I S S U KAN D U VAR A MED O CH PÅVERKA I DE F R ÅGO R D U BR IN N ER F Ö R

Lorem ipsum dolor s it amet, consectetur adipisc ing el i t . Et iam ultr ic ies lacus volutpat turpis posuere a l iquam. Aenean iacul is sem ut turpis portt itor sol l ic itudin. Nul lam sodales lorem a enim venenatis , at volutpat dolor vehicula . Nam congue semper justo var ius

SOM MEDLEM I SSU KAN DU VARA MED OCH PÅVERKA I DE FRÅGOR DU BRINNER FÖR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies lacus volutpat turpis posuere aliquam. Aenean iaculis sem ut turpis porttitor sollicitudin. Nullam sodales lorem a enim venenatis, at volutpat dolor vehicula. Nam congue semper justo varius porttitor. Phasellus ut lorem id tortor commodo viverra vel in lacus.

TYPOGRAFI-

tillsammans kan vi fÖRÄNDrA!

tillsammans

kan vi fÖRÄNDrA!

tillsammans k an vi fÖR ÄNDr A !

19/45-

fotografi—

SSU GRAFISK MANUAL-

20/45-

BILDHANTERING-

SSU kan hantera fotografier på tre sätt: färg, svartvit, eller svartvit med röd tonplatta. För att skapa en enhetlig och tydlig identitet rekommenderar vi att använda svartvita fotografier, med eller utan röd tonplatta. Vi kan inte förbjuda någon att använda färg, men det stjälper vår identitet mer än det hjälper oss när vi valt att långsiktigt profilera oss under ett enat visuellt uttryck.

21/45-

FOTOGRAFI-

FEL UTFÖRANDE-

Du ska inte mörka ner, invertera eller förvränga fotografier som du använder i SSU's namn. Det gör nämligen att vi framstår som oprofessionella, barnsliga och amatörmässiga. Egenskaper som SSU under alla omständigheter inte vill associeras med.

22/45-

FOTOGRAFI-

Som medlem i SSU kan du vara med och påverka i de frågor du brinner för.

Gabriel Wikström, förbundsordförande

Som medlem i SSU kan du vara med och påverka i de frågor du brinner för.

Ellinor Eriksson, förbundssekreterare

BRA EXEMPEL-

Det är så här vi ska kommunicera. Här ser du exempel på när fotografi, typografi och färg fungerar bra tillsammans. Typografi har en tydlig hierarki, fotografi består av glada medlemmar, och färg används smakfullt och kontrollerat.

23/45-

FOTOGRAFI-

grafiSKAelement—

SSU GRAFISK MANUAL-

24/45-

PIKTOGRAM-

GRAFISKA ELEMENT-

Här finns våra piktogram som fungerar som ett bibliotek av ikoner man kan använda i kommunikationen för att lätta upp och göra enheter roligare och mer visuella. Förstora aldrig ikonerna så att de blir större än huvudrubrikerna i samband med typografi.

25/45-

PIKTOGRAM, BRA EXEMPEL-

GRAFISKA ELEMENT-

Våra piktogram kan användas fristående eller tillsammans med text. Här ser du exempel på intressant och lekfull användning.

26/45-

MÖNSTER-

Av våra piktogram har vi tagit fram ett mönster, som exempelvis kan användas som bakgrundsbild på vår Twitter eller på insidan i ett kuvert.

GRAFISKA ELEMENT-

27/45-

MÖNSTER-

DOKUMENTNAMN-ssu_grafiska_guidelines.pdf

GRAFISKA ELEMENT-

papper—

SSU GRAFISK MANUAL-

29/45-

Vi använder olika tjocklek på papper för kontorsmaterial och övrig trycksaksproduktion. På SSU använder vi alltid Scandia 2000 Natural, ett obestruket papper som passar bra för allt från designprogram till direktreklam, broschyrer, tidskrifter, böcker och illustrerade kataloger. Det är ett papper som finns på de flesta tryckerierna.

Om du inte har tillgång till Scandia 2000 Natural så välj ett papper med en ytstruktur som är obestruken och smått "skrovlig" men inte med utan textur. Enklast är att det ska kännas naturligt och inte glansigt utan att för den delen ha en gul ton. Finns vårt papper inte tillgängigt så fråga efter ett liknande papper med samma karaktär.

PAPPER-

30/45-

social media—

SSU GRAFISK MANUAL-

31/45-

FACEBOOK-

InläggSSU sida

SOCIAL MEDIA-

32/45-

FACEBOOK/TWITTER-

TwitterFacebook event

SOCIAL MEDIA-

33/45-

BILDER SOCIALA MEDIER I ANPASSAT KVADRATISKT FORMAT-

SOCIAL MEDIA-

34/45-

designexempeli MÅNGA olikasituationer—

SSU GRAFISK MANUAL-

35/45-

STARTPAKET -

DESIGNEXEMPEL-

36/45-

BREVPAPPER, VISITKORT, ANTECKNINGSBLOCK, KUVERT, PENNOR M.M-

DESIGNEXEMPEL-

37/45-

WORDDESIGNEXEMPEL-

38/45-

VISITKORT-

DESIGNEXEMPEL-

39/45-

FOLDER FRAM-/BAKSIDA-

DESIGNEXEMPEL-

40/45-

DESIGNEXEMPEL-

41/45-

powerpointheader—

DOKUMENTNAMN-ssu_grafiska_guidelines_140120.pdf

POWERPOINT-

Välkommen till SSU, Sveriges socialdemokratiska ungdomsförbund. I handen håller du vår grafiska manual. All kommunikation som tas fram i vårt namn ska utgå ifrån den här manualen, vilket gäller vare sig du är medlem i SSU eller är en extern formgivare eller byrå. Manualen ska ses som en verktygslåda, som finns till för att underlätta framtagandet av olika typer av kommunikationsmaterial. Börja bläddra och lycka till!

Gabriel Wikström, SSU;s förbundsordförande är positiv till (S) förslag om samtyckeslagstiftning.

KEYNOTE ELLER POWERPOINT-

DESIGNEXEMPEL-

42/45-

BAKGRUNDSBILD-

DESIGNEXEMPEL-

43/45-

T-SHIRT, TYGPÅSE OCH AFFISCH-

DESIGNEXEMPEL-

44/45-

Grafisk profil för Sveriges Socialdemokratiska Ungdomsförbund

Kontaktperson: Informationsombudsman Simon Röder, simon.roder@ssu.se

Grafisk form och produktion: Snask AB, Februari 2014

SSU GRAFISK MANUAL-

45/45-

Grafisk manual 2014

Documents