LSU - Sveriges ungdomsorganisationer GRAFISK MANUAL

(1)

LSU - Sveriges ungdomsorganisationer

GRAFISK

MANUAL

(2)

INNEHÅLLSFÖRTECKNING

3 8

12 15 17 5

LOGOTYP

TYPOGRAFI

FÄRG

GRAFISKT

FOTO

EXEMPEL

LSU:s stämpel.

Kommunikation och läsbarhet.

CMYK. RGB. HEX.

Bilder och fotografering.

I praktiken.

Element och design.

(3)

LOGOTYP

(4)

LSU:s logotyp är organisationens främsta visuella representation. Den ska vara igenkännbar och tydligt knyta an till hela vår grafiska profil.

Därför är logotypen i teckensnittet ITC Avant Garde Bold, ett av våra mest använda teckensnitt. Detta gör att logotypen och vår övriga typografi kan kombineras på ett sömmlöst sätt, som ger en känsla av enhetlighet i vår kommunikation.

Användning

Det finns fyra olika variationer av logotypens grundform som vi använder oss av i all extern kommunikation. Lila ring är mest lämplig på ljus bakgrunder utan störande element i bakgrunden, och blå ring samt vit ring passar för mörka bakgrunder. Varianten med en vit cirkel bakom logotypen ska bara användas om logotypen placeras på exempelvis en fotografisk bild eller någon annanstans där det finns något störande i bakgrunden som skulle göra det svårt att läsa och uppfatta logotypen annars.

Logotypen får inte ändras på något sätt i relation till dess färg eller proportioner.

Grundform

Variationer LOGOTYPER

Lila ring Blå ring Vit ring Vit cirkel

4

(5)

TYPOGRAFI

(6)

TECKENSNITT

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

Flygande bäckasiner söka hwila på mjuka tuvor

1234567890!%”?&/

ITC Avant Garde Gothic Bold

Används till rubriker och underrubriker, samt mellan- rubrik vid användning av Book som brödtext.

ITC Avant Gothic Std Book Oblique

Används till ingresser och underrubriker.

ITC Avant Garde Gothic Bold Oblique

Används till rubriker och underrubriker.

FreightText Pro Black Används till mellanrubriker i löpande brödtext.

ITC Avant Garde Gothic Std Book

Används till brödtext för särskilda trycksaker samt webb.

FreightText Pro Book

Används till brödtext i trycksaker.

Vid understrykningar i text används skärningen Book Italic eller Bold.

LSU använder två olika teckensnitt: ITC Avant Garde Gothic och FreightText Pro.

Dessa kan användas i olika skärningar, vilka alla är omnämda nedan.

6

(7)

Lorem impsum dol

Lupta deliquatum receriberita a vellaborro to quasi

consequam ut es volor a ducimenimus audae voloreium quuntem poremol oratiur? Voluptur? Ut eniminctur? Illa dolupiendus debis.

Luptius, sim quae exceatus eatur? Fici sa voluptios magnim consequi dolupta tibusda erspeditam nonsecus dolorum alibusa exces que repuditem fugit laciat.

Dam excernati

Volorumquia dolumque doloria ducipit, odipidunt earchil ius parcillab is nestiatus necaborpore sim re et intio quodit pa nuscien disquam, ut volorerum nienis sin porem everspiet esequamPita quidemp orestisciet et lacipiendae. Nemquati reiunt.Itam facea inverfe reptatur? Aliti arument acepuda nulpa perit, voloris exeris

TYPOGRAFI

För brödtext bör teckengraden hålla sig mellan 8 till 11 i punktstorlek.

Mellanrubriker ska i regel vara ca två punktstorlekar större än brödtexten, och teckengraden för ingressen bör vara minst en större än mellanrubriken.

För längre texter i framförallt

trycksaker används helst vänsterställd text, men i vissa fall går även

marginaljusterad att använda.

Centrerad text används främst till kortare texter, exempelvis

inbjudningskort eller spridningsbilder till sociala medier. Högerställd text används i regel endast till bildtexter eller annan kort text ställd mot högerkant.

Vi försöker i största möjliga mån undvika avstavningar i alla texter, men vid de tillfällen det inte är möjligt gör vi alltid korrekta avstavningar.

ipiet quiassit, culpa dent aceri simpor molorio nsequidios vere et porepero que mod que.

Ab invelendae sam

laniamet laboris itiatur aute aut mintemporem lam, sitasimus is apernatur aut magnia nonet pere vel iuntur sitibusae laut el ipis et, quia debit eumquo everest abo. Quides erepudaesed magnia delique prepudi videlit minus aliquis dolorro cuptisti nonsequiam custrupta earum adis cor aut aut quam incto in et id qui aut aut repratet ut odigeni corisciet ea conseru mquosti dolupta volo quia

Archil et ipitias estor me

aliqui!

dolorat vite num aliciaectat eum. Ut quiametur? Um, sitae et qui beataspite dolorestiis acculliae niet, offic tem apidenda aris rernate volupta spellor epelicidis di con cor sandige.

Lores ute et, volenim aionsequam andaeri beriam consequide res sime venis re cuptate accum quiam ullibus voloreictum est aut ut iumet alitatur, opta diaHenitatinvel et eos et plit volor si quam non nit fuga. Orporpo rporibus re, test eum que audit, quia nust, con conectur sam, sitatib usanis consequi omnimol oriberias exeris.

7

(8)

FÄRG

(9)

FÄRGER

Primärfärger Neutrala

Sekunddärfärger

Lila 1 Svart

Lila 2

Blå 1

Lila 3

Blå 3

Lila 4 Lila 5

Blå 2 Vit

Accent Gul

LSU:s grafiska profil består av två primärfärger, sex sekundärfärger, en accentfärg, samt två neutrala färger.

I all grafisk kommunikation ska någon av våra två primärfärger, lila 1 och blå 2, finnas med. De behöver inte vara den färger som syns allra mest, men någon av de ska alltid vara inkluderade.

9

(10)

FÄRGER

Lila 1 RGBCMYK HEX

91.19.86.

70.100.30.27.

#5B1356

Lila 4 RGB CMYKHEX

186.140.189.

31.52.2.0.

#BA8CBD

Blå 1 RGBCMYK HEX

24.42.69.

99.81.43.47.

#182A45

120.62.120.

62.85.21.7.

#783E78

238.208.228.

6.24.1.0.

#EED0E4

Blå 2 RGBCMYK HEX

151.210.221.

44.1.15.0.

#97D2DD

Lila 3 RGB.

CMYKHEX

161.96.157.

44.71.6.0.

#A1609D

Gul RGBCMYK HEX

252.192.0.

0.27.96.0.

#FCC000 Blå 3

RGB.

CMYKHEX

203.231.238.

24.1.8.0.

#CBE7EE

Då vi producerar både tryckt och digitalt material för LSU är det viktigt att vara medveten om vilka värden alla färger har i de olika färgrymderna.

Alla färger ska alltid användas i 100% opacitet.

Färgvärden

10

(11)

FÄRGER

Kombinationerna listade här bredvid är inte uttömmande, men det finns vissa kombinationer som ska undvikas, främst lila 1 + blå 1, samt blå 2/3 + accentfärg. Det absolut viktigaste att ha i åtanke är att all information som ska kommuniceras i text behöver ha så pass stor kontrast till bakgrunden att det är lätt för åskådaren att läsa.

Kombinationer

11

(12)

GRAFISKT

(13)

GRAFISKA ELEMENT

Ett av LSU:s främsta grafiska element är ringen. Ringen kan antingen användas individuellt, sättas ihop till en kedja, eller kombineras tillsammans med många kedjor, för att skapa ett mönster.

Ringen ska helst placeras i ett hörn av den grafiska produkt som skapas, där ungefär 3/4 av ringen hamnar i utfallet. Ringen är främst ett dekorativt element men kan även användas som texthållare.

Kedjan och mönstret är endast dekorativa element och även de ska placeras så att delar av elementet hamnar i utfallet.

Inga av de grafiska elementen får ändras i relation till deras proportioner eller skevas, däremot är det tillåtet att justera dess linjetjocklek.

Samtliga grafiska element får användas i alla färger som ingår i LSU:s grafiska profil.

Ringen Kedjan

Mönstret

13

(14)

GRAFISKA ELEMENT

Förutom ringen har LSU två andra grafiska element som återkommer mycket i vår kommunikation: ramen och linjen. Båda två används för att dra fokus till någonting och skapa en ankarpunkt för andra element.

Linjen används främst som

understrykning av rubriktext, för att ge typografin en extra tydlig hierarki, men kan även användas under till exempel namn.

Ramen används främst på bilder som är placerade på en färgad bakgrund, för att ge en inramning till objektet på bilden. Ramen kan också användas runt text, till exempel citat, för att dra in åskådarens blick och ge texten en trevlig avgränsning.

Förutom våra vanliga grafiska

element kan vi också använda oss av ikoner. Alla LSU:s ikoner är ritade med outline och är i övrigt transparenta.

Ikonerna är ritade som flatdesign.

Ramen Linjen

Ikoner

14

(15)

FOTO

(16)

FOTO

Fotografier är en viktig del i att spegla LSU:s verksamhet och ungdomsrörelsen i sin helhet.

I våra bilder vill vi gärna visa människor i olika situationer som speglar ungdomsrörelsen i stort.

För att skapa enhetlighet i LSU:s visuella identitet ska fotografier redigeras så att de har låg saturation och bilden får en kall ton. Detta för att färgerna i fotografiet inte ska skära sig med de färger som ingår i LSU:s grafiska profil.

Om man behöver använda fotografier av lägre kvalitet så kan dessa med fördel redigeras till svartvitt.

Vid placering av text på fotografi bör man vara extra uppmärksam på kontrast och teckenstorlek, för att säkerställa hög läsbarhet.

Före redigering Före redigering

Efter redigering Efter redigering

16

(17)

EXEMPEL

(18)

Spridningsbilder

Exempel på färgkombinationer och använding av grafiska element.

Exempel på kombinering av fotografi, grafiska element och typografi, i form av Instagram Story.

18

(19)

Exempel på använding av grafiska element (ikoner). Design för fram- och baksida av visitkort.

NAMN NAMNSSON

Titel

namn.namnsson@lsu.se | +46 (0)70 000 00 00 Gammelgårdsvägen 38 | 112 64 Stockholm

Tel: +46 (0)70 271 40 99 | Twitter: LSU_se | Instagram: lsu_se Facebook: LSU – Sveriges Ungdomsorganisationer www.lsu.se

Spridningsbild Visitkort

19

(20)