Grafisk manual
Innehållsförteckning Inledning 3 Visuell identitet Logotyp 4 Versioner 6 Frizon 9 Minsta storlek 10 Placering 11 Typografi Kommunikationsteckensnitt 12 Office och digital media 13 Färger Primärfärg 14 Komplementfärger 15 Utökade komplementfärger 16 Designelement 17 Bildmanér 19 Hej! Inspirationsexempel 20
Visuell identitet Pysslingen Skolors visuella identitet består av flera olika byggstenar som vi använder för att skapa ett för oss unikt, enhetligt och tydligt uttryck. Dessa byggstenar, våra identitetselement, består av vår logotyp, färger, typografi, bilder och grafiska element. När vi använder dem på rätt sätt förmedlar vi vad vi står för och blir tydliga som avsändare. Vår visuella identitet förenar också alla våra skolor under en gemensam flagg och ger varje enskild skola en övergripande tillhörighet och garant för verksamheten. Detta dokument samlar riktlinjer för hur vi använder våra identitetselement. Detta är de grundläggande delarna och kommer allt eftersom att kompletteras med de enheter och kontaktytor som löpande tas fram.
Logotyp Pysslingen Skolors logotyp fungerar som en tydlig avsändare och är garanten i vår verksamhet. Symbolik Vår logotyp utgår från kärnan i det vi står för Lärande genom utveckling. Utveckling genom lärande. Lärande symboliseras av äpplet och handlar om kunskap och resultat. Utveckling symboliseras av blomman och handlar om att växa och blomma ut. De lever i symbios, i ett kretslopp som aldrig tar slut. Tillsammans visualiserar de det som gör Pysslingen Skolor unika. Grundprinciper för logotypen Behandla alltid logotypen som en enhet. De olika delarna och proportionerna får aldrig förändras, bytas ut eller skifta plats. Vår logotyp finns i flera olika filformat för att passa olika användningsområden. Använd endast våra framtagna logotyporiginal. När vi använder logotyp mot bild eller färgad bakgrund är det viktigt att kontrasten blir tydlig och läsbarheten hög. Logotypen får endast återges i de färgställningar som beskrivs här i manualen. Se färger sidan 15. Använd inte logotypen i mindre format än vad som är läsligt. Se minsta storlek sidan 11. 4 Pysslingen Skolor 2014
Logotypen Huvudlogotyp Logotypen finns i två utföranden, dels en stående (centrerad logotyp), dels en liggande som har namnet till höger om symbolen (vänsterställd logotyp). Filformat EPS (Encapsulated Postscript) är ett allmänt format som används för både vektor- och pixelgrafik. PNG kan användas både för bilder och ickefotografiska bilder i Powerpoint, Word med flera format. PNG håller inte för tryck. JPG komprimerar mycket effektivt, men med kvalitetsförlust. Kompressionsgraden kan varieras. Används både till tryck och för digital användning. 5 Pysslingen Skolor 2014
Logotypens olika versioner Skollogotyp Utöver huvudlogotypen har varje skola en egen logotyp. I dessa skollogotyper ska alltid undertexten En del av Pysslingen Skolor finnas med. Den delen är en så kallad endorser, en garant för varje skola. Varje enskild skollogotyp finns framtagen och ska alltså inte skapas på egen hand. 6 Pysslingen Skolor 2014
Logotypens olika versioner Positiv version Den positiva, svartvita versionen av logotypen används i de undantags fall när det inte är tekniskt möjligt eller ekonomiskt motiverat att använda logotypen i färg. Huvudlogotyp Skollogotyp 7 Pysslingen Skolor 2014
Logotypens olika versioner Negativ logotyp Den negativa, vita logotypen används främst mot mörka bakgrunder och bilder där färglogotypen eller den svarta logotypen inte är lämplig. Huvudlogotyp Skollogotyp 8 Pysslingen Skolor 2014
Logotypens frizon För att logotypen ska fungera som en tydlig avsändare och framträda optimalt är det viktigt att respektera dess frizon. Frizonen är det minsta avstånd kring logotypen som ska vara fritt från text och bild. Vi definierar frizonen som bredden av det versala P:et i symbolen. 9 Pysslingen Skolor 2014
Logotypens minsta storlek För att vår logotyp ska fungera som en tydlig avsändare, behålla korrekt utseende och vara läsbar har logotypen en minimistorlek. Huvudlogotypens symbol bör inte understiga 11 mm. Huvudlogotyp 11 mm 11 mm Skollogotypernas symbol bör inte understiga 20 mm. Skollogotyp 20 mm 20 mm 10 Pysslingen Skolor 2014
Pyssligen Skolor Adolf Fredriks Kyrkogata 2 111 37 Stockholm www.pysslingen.se Logotypens placering Logotypens främsta uppgift är att skapa igenkänning och underlätta för mottagaren att veta varifrån informationen kommer. Därför ska den alltid vara framträdande och väl synlig. Framsida På framsidan av material, som till exempel broschyrer, placeras logotypen antingen centrerat på ytan eller i det övre vänstra hörnet. Ett liggande format innebär inte nödvändigtvis en vänsterställd logotyp. Det viktigaste är att val av logotyp (centrerad eller vänsterställd) anpassas efter gällande format. Baksida På baksidor placeras den centrerade logotypen centrerat i formatets nederkant. Avsändare placeras på baksidan, centrerat under logotypen och utanför dess frizon. Centrerad logotyp med centrerad placering på stående format. Vänsterställd logotyp med vänsterställd placering på liggande format. Huvudregel för baksidor är att den centrerade logotypen placeras centrerad i formatets nederkant. 11 Pysslingen Skolor 2014
Typografi Valet av typografi är en viktig del av den visuella identiteten samtidigt som teckensnitt ska ge en så bra läsbarhet som möjligt. Ett teckensnitt som fungerar bra i en kanal kan fungera sämre i en annan. Vi har därför valt ut särskilda teckensnitt som ska användas i olika kommunikationskanaler. Kommunikationsteckensnitt I tryckt kommunikationsmaterial som broschyrer, annonser, kuvert och visitkort använder vi oss av teckensnittet Museo Sans. När vi använder text mot bild eller färgad bakgrund är det viktigt att kontrasten blir tydlig och läsbarheten hög. Lärande genom utveckling. Vårt engagemang bygger på en tro och en övertygelse. En tro att det vi gör, gör skillnad och en övertygelse om att vi kan skapa resultat. Resultaten är för oss ett kvitto på framgångsrikt lärande och värdefull kunskap hos våra elever. Det är det vi drivs av och det är det som gör oss framgångsrika. Hur vi gör det varierar. Det som förenar oss är vårt engagemang och vår långsiktiga lärandeprocess. AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZzÅåÄäÖö 0123456789!?&% MUSEO SANS 12 Pysslingen Skolor 2014
Typografi Teckensnitt för Office För alla typer av dokument i Office använder vi teckensnitten Calibri och Cambria. Calibri används till rubriker, underrubriker, mellanrubriker och faktarutor. Teckensnittet Cambria används till brödtext. Digitala media På vår webbplats har vi Calibri i rubriker och Cambria för löpande texter. Utveckling genom lärande! Vårt engagemang bygger på en tro och en övertygelse. En tro att det vi gör, gör skillnad och en övertygelse om att vi kan skapa resultat. Resultaten är för oss ett kvitto på framgångsrikt lärande och värdefull kunskap hos våra elever. Det är det vi drivs av och det är det som gör oss framgångsrika. Hur vi gör det varierar. Det som förenar oss är vårt engagemang och vår långsiktiga lärandeprocess. AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZzÅåÄäÖö 0123456789!?&% CALIBRI AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZzÅåÄäÖö 0123456789!?&% CAMBRIA 13 Pysslingen Skolor 2014
Färger Våra färger är mycket noggrant utvalda för att komplettera varandra på ett optimalt sätt och ge möjligheter till variation och flexibilitet inom ramen för vår visuella identitet. Primärfärg Vinröd är vår huvudfärg och används alltid i sin fulla mättnadsgrad. Det är den som vi starkast förknippas med och det är den färgen som vår logotyp bär. Pysslingen Skolor står för nytänkande och tradition. Den vinröda färgen är den som symboliserar traditionen, ursprunget och kopplingen till Pysslingen. Färgsystem PMS står för Pantone Matching System och är ett internationellt färgsystem som används vid dekor- och screentryck eller som ett komplement till fyrfärgstrycket CMYK. CMYK står för cyan, magenta, gul (yellow) och svart (keycolour) som är grunden i en fyrfärgs process för tryck. RGB står för röd-grön-blå som är grunden i ett färgblandningssystem för video och skärm. HEX är ett system för färgkodning i HTML. CMYK Coated 9, 100, 64, 48 Uncoated 8, 89, 59, 22 PMS Coated Unoated 202 C 201 UC RGB 134, 38, 51 HTML 852533 Tänk på att upplevelsen av en färg beror lika mycket på underlag och omgivning som på tekniken. Lägg gärna lite extra energi på att ta fram färgprover före tryck och publicering av material. Rådgör gärna med tryckeriet innan tryckproduktionen drar igång. 14 Pysslingen Skolor 2014
Färger Komplementfärger Våra komplementfärger är framtagna för att öka flexibiliteten, skapa liv och variation. Dessa färger kompletterar och utgör tillsammans med huvudfärgen våra profilfärger. De bidrar till upplevelsen av nytänkande precis som den vinröda symboliserar tradition. Alla kan användas som komplement till vår primära färg vinröd. Däremot undviker vi att ett ämne eller skola knyts till en specifik färg. Samtliga komplementfärger används alltid i sin fulla mättnadsgrad. CMYK Coated 0, 28, 100, 0 36, 0, 100, 0 75, 0, 45, 0 100, 5, 14, 17 0, 97, 50, 0 70, 85, 0, 0 Uncoated 0, 18, 100, 6 25, 0, 83, 0 58, 0, 32, 0 100, 1, 18, 1 0, 90, 54, 0 52, 69, 0, 0 PMS Coated 124 C 382 C 3275 C 314 C 1925 C 266 C Uncoated 7406 U 381 U 3265 U 313 U 1925 U 2597 U RGB 234, 170, 0 196, 214, 0 0, 179, 152 0, 127, 163 224, 0, 77 117, 59, 189 HTML EAAA00 C4D600 00B398 0092BC E0004D 753BBD Bakgrundsfärg till logotyp Den grå färgen är också en komplementfärg men kan även, precis som vit, användas som bakgrundsfärg till logotypen. CMYK Coated 4, 2, 4, 8 Uncoated 4, 3, 6, 7 PMS Coated Cool Grey 1 Uncoated Cool Grey 1 RGB 217, 217, 214 15 Pysslingen Skolor 2014 HTML D9D9D6
Färger Utökade komplementfärger Utöver huvudfärgen och komplementfärgerna har Pysslingen Skolor sex utökade färger. Dessa är ljusare varianter av komplementfärgerna. De ska endast användas tillsammans med komplementfärgerna då det finns ett behov av fler färger. Det kan exempelvis röra sig om framtagning av diagram/tabeller eller i interiörer. Dessa utökade färger ska alltså aldrig användas på egen hand. 60% 65% 65% 50% 60% 50% CMYK Coated 0, 17, 60, 0 24, 0, 65, 0 49, 0, 29, 0 50, 3, 7, 8 0, 58, 30, 0 35, 42, 0, 0 RGB 249, 208, 123 197, 221, 127 108, 194, 183 128, 194, 209 224, 0, 77 174, 159, 195 HTML FFCC66 C5DD7E 66CCCC 7FC1D0 EFF9999 AE9FC2 16 Pysslingen Skolor 2014
Designelement Designelementets främsta uppgift är stärka vår identitet samt att öka igenkänningen av Pysslingen Skolor. Designelementet fungerar som textbärare där information kan lyftas. Designelementet kan användas negativt mot vår primärfärg, vinröd. Designelementet får endast återges i de färg ställningar som finns i denna manual. 18 AUGUSTI SKOLSTART! 17 Pysslingen Skolor 2014
Bildmanér
Bilder Allt vi gör och allt vi säger bidrar till hur vi uppfattas av vår omvärld. Bilder skapar ett omedelbart intryck och lockar samtidigt till läsning. En bild som är placerad på omslaget är det första som möter läsaren; därför är valet av omslagsbild viktigt. Bilder förmedlar i sig inte bara ett motiv utan ger också en känsla av vilka vi är och vad Pysslingen Skolor står för. Därför vill vi ta bilder som verk ligen känns som vi och som också kan användas i hela verksamheten. Motiven ska vara relevanta och representativa för vår verksamhet. Känslan i bilderna ska vara positiv och att eftersträva är att återge energi och lust. Detta görs till exempel genom att ta bilder med ett varmt ljus. På så sätt blir de också personliga. Det är dock viktigt att bilderna inte upplevs som förskönade eller ytliga. Vid färgval på exempelvis kläder ska vår färgskala, så långt det går, användas. 19 Pysslingen Skolor 2014
Välkommen till Pysslingens värld. Välkommen till Pysslingens värld. Ed quaecer endunturiae solo ficaeribus eum sed quianis erchitae eque parum ressumquico nestotae perae esequi doluptincte moluptas se perspicim idut. 18 AUGUSTI SKOLSTART! Lärande genom utveckling! Utveckling genom lärande!