Transkript

1 Grafisk Manual

2 INNEHÅLL Inledning 3 02 Logotyp 5 03 Typografi Färger Bilder Illustrationer Grafisk element Enheter Digitalt 43

3 INLEDNING 01

4 INLEDNING 01 Hej! Det här är våra grafiska riktlinjer på ehälsomyndigheten. De hjälper oss att skapa en tydlig grafisk profil och visar hur man kombinerar olika delar. Som till exempel vår logotyp, våra typsnitt, bilder och grafiska element. ehälsomyndighetens grafiska riktlinjer bidrar till att allt vi kommu nicerar internt såväl som externt får ett väl sammanhållet formspråk. Exempelvis vid framtagande av trycksaker, kontorstryck, mallar vid rekrytering eller annonsering och i digitala kanaler. En konsekvent visuell indentitet, helt enkelt. ehälsomyndigheten är en helt ny myndighet som startade 1 januari Myndigheten fortsätter det arbete som Apotekens Service AB tidigare utfört. 4

5 LOGOTYP 02

6 LOGOTYP 02 Arbetet med logotypen är sprungen ur ett förarbete bestående dels av en workshop med medarbetare från Apotekens Service, dels ur djupintervjuer med ett tiotal personer från ett antal nyckelföretag inom vård- och hälsobranschen. Med utgångspunkt från det arbetet togs kärnvärden fram för vad det grafiska uttrycket skulle stå för. De kärnvärden vi har arbetat vidare med är: Säkerhet, Patient- och samhällsnytta, Tillgänglighet, Modernt, Innovation, Glädje och Kommunikation. I första hand använder du fyrfärgslogotypen. Skulle det av olika anledningar inte gå finns kompletterande varianter. Negativ änvänder du mot mörka bakgrunder där originalloggan blir otydlig. I den egna kommunikationen lägger du den endast mot färgerna Plommon (lila) och Sten (grå). Den svartvita varianten använder du endast vid de tillfällen då inte färg är ett möjligt alternativ. Singelradsloggan är ett komplement som du kan använda då det mer fyrkantiga originalloggan blir för liten och därmed otydlig. Logotypen finns i en engelskversion i de båda utförandena. Använd den på samma sätt som den svenska logo typen i sammanhang där svenska inte är huvudspråk i kommunikationen. 6

7 LOGOTYP 02 Logotypen är vår avsändare. All vår kommunikation, oavsett kanal, bör bära logotypen. Symbolen får inte ritas om eller förvanskas i form eller proportioner. Den får till exempel inte stretchas, beskäras eller roteras. Använd alltid logotypen i våra profilfärger, negativ eller svart. Ändra aldrig färg på logotypen. Använd aldrig logotypen i löpande text utan skriv istället ut ehälsomyndigheten. När logotypen placeras på en mörk bakgrund används alltid den negativa varianten. Färgvarianten används alltid på en bakgrund som är vit eller mycket ljus och aldrig mot någon av profilfärgerna i 100 %. Se exempel. Undvik att placera logo typen i en bild. Det är viktigt att logotypen inte hamnar för nära andra objekt när man använder den. Därför är loggan försedd med en friyta. Det gör den tydlig, lättläst och att den inte förväxlas med andra objekt. Friytan motsvarar höjden på H:et i logotypen. 7

8 LOGOTYP 02 8

9 LOGOTYP Svartvit 02 9

10 LOGOTYP Negativ 02

11 LOGOTYP Singelrad 02 11

12 LOGOTYP Engelsk 02 12

13 LOGOTYP Applicering 02 JA Nej 13

14 LOGOTYP Applicering friyta 02 14

15 TYPOGRAFI 03

16 TYPOGRAFI 03 Typografin är en viktig del av ehälsomyndighetens grafiska profil. Som profilskapande typsnitt finns Neutraface 2 Condensed. Ett särskiljande typsnitt som med sin låga x-höjd och höga h-höjd ger mycket identitet och skapar därför hög igenkänning. Typsnittet finns i tre vikter, Medium, Bold och Light och används i större textstorlekar för att lyfta vår verksamhet i rubriker. Neutraface 2 Condensed kan även användas i kortare texter när behovet av profilering är stort. Som kompletterande typsnitt använder vi Sina för längre texter, storleken är då mellan 9 14 punkter. Sina är en klassisk men också modern serif som är behaglig och lätt att läsa vilket gör den extra bra för längre texter. För webben änvänds Le Havre som det ledande typsnittet och de påminner om Neutraface men är mer anpassat för att läsas på skärmar i olika storlekar. På webben används det i rubriker och kortare texter. För längre texter används Roboto som är ett typsnitt från Google, framtaget för att ha hög läsbarhet i både större och mindre grader på skärm. I de fall där ehälsomyndigheten internt jobbar i MS Officeprogrammen använder vi oss av standardtypsnitt. Här finns Arial Narrow och Perpetua att tillgå. Arial Narrow för rubriker, kortare texter och dokument som är avsedda att läsas på skärm. För utskrifter av längre texter änvänds Perpetua i 9-14 punkter. 16

17 TYPOGRAFI 03 Neutraface 2 Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ;!?#@% Sina ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ;!?#@% 17

18 TYPOGRAFI Webb Le Havre ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 03 Roboto ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 18

19 TYPOGRAFI Office 03 Arial Narrow ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö Perpetua ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 19

20 FÄRGER 04

21 FÄRGER 04 Vi har sex profilfärger och varje färg kommer i fem nyanser. Färgerna är döpta efter naturen vilket ger ett mjukare intryck och namnen minskar även risken för missförstånd i den interna kommunikationen. På nästa sida ser du färgerna och dess namn. Där ser du även deras färgvärden. Plommon (lila) är vår huvudfärg och den färg som tar mest plats i vår kommunikation. Den står för det moderna och innovativa med sin mörka ton men ger ändå ett myndighetsmässigt uttryck. Förutom den lila huvudfärgen finns de fem komplementfärger i vår färgpalett: Himmel (blå), Korall (rosa), Sten (grå), Sand (beige) och Hav (turkos). Komplementfärgerna speglar de värden som myndigheten ska stå för; trygghet, säkerhet (Sten, Himmel och Sand), tillgänglighet, patient- och samhällsnytta (Hav), glädje, hjärta och kommunikation (Korall). De fem färgerna är framtagna för att komplettera huvudfärgen och varandra. Genom att konsekvent använda dessa färger stärker vi vårt varumärke och vår igenkänning. Komplementfärgerna kan du använder till bakgrunder i mindre objekt som diagram, ramar eller faktarutor. Typografin är alltid svart eller vit. Bara om det finns riktigt god anledning att använda typografi i någon av komplementfärgerna gör vi det. 21

22 FÄRGER 04 Korall PMS 197 CMYK 5/50/15/0 RGB 238/155/173 HTML #ee9bad 80% 60% 40% 20% Plommon PMS 260 CMYK 68/98/24/15 RGB 103/37/101 HTML # % 60% 40% 20% Himmel PMS 2995 CMYK 80/8/0/0 RGB 0/167/226 HTML #00a7e2 80% 60% 40% 20% sand PMS 4755 CMYK 15/25/25/0 RGB 221/196/186 HTML #ddc4ba sten PMS 424 CMYK 62/50/47/40 RGB 85/87/90 HTML #55575a 80% 60% 40% 20% Hav PMS 333 CMYK 63/0/35/0 RGB 50/218/196 HTML #32dac4 80% 60% 40% 20% 80% 60% 40% 20% 22

23 FÄRGER Kombinationer 04 23

24 BILDER 05

25 BILDER 05 Vårt bildspråk utgår från den verksamhet vi befinner oss i Apoteks- och vårdmiljö. Men inte ur ett patientpespektiv. Det vi vill lyfta fram är säkerhet, it och infrastrukturen bakom. Värdeorden: säkerhet, tillgänglighet, kommunikation och glädje speglas samt den statliga värdegrunden: Modern och innovativ men ändå en seriös och professionell myndighet. Vi står för patientsäkerhet, samhällsnytta, säkerhet, tillgänglighet, kommunikation och glädje. Motiven är tagna i en genuin apoteks- och vårdmiljö för att vara verksamhetsnära och ge en ärlig bild av den värd vi verkar i. Motiven är både generella bilder som fungerar för flera områden och mer specifika för att beskriva olika delar i verksamheten som till exempel både friskvård och it-system. Bilderna kan användas i tryck och digitalt. Sträva alltid efter att ha relevant anknytning till motivet, hellre än att bilden bara används som utfyllnad. Alla bilder är tagna av fotograf Alexander Ruas och i dagsläget rekomenderar vi inte att lägga till eller använda egna bilder i trycksaker eller i andra kanaler för ehälsomyndigheten. Om du saknar relevanta motiv kontakta kommunikationsavdelningen. 25

26 BILDER Exempel på enheter 05 26

27 ILLUSTRATIONER 06

28 ILLUSTRATIONER 06 Illustrationernas syfte är att förklara ehälsomyndighetens olika tjänster och processer på ett tydligt och pedagogiskt sätt medan fotografierna är mer verklighetsnära i apoteksoch vårdmiljö. Illustrationerna utgår också från våra värdeord. Illustrationerna ska upplevas som jämställda och ickediskriminerande, samt visa människor i olika åldrar, med olika etniciteter och ursprung. Så här kan du använda illustrationerna: låt gärna illustrationerna ta för sig i storlek och ge dem mycket luft så de får ta för sig. Lägg texten med respektfullt avstånd så illustrationerna och typsnitt kommer till sin rätt. Illustrationerna får beskäras eller friläggas, men tona inte ned illustrationerna och blanda helst inte illustrationer och fotografier på samma uppslag eller sida, för en lugnare framtoning. Använd enbart befintliga illustrationer ur bildbanken, de är ritade av Kari Modén. De är också speciellt framtagna för att samspela med profilfärger och typsnitt. Om du har behov av andra illustrationer än befintliga, kontaktar du kommunikationsavdelningen. 28

29 ILLUSTRATIONER Stabil och säker IT-miljö 06 29

30 ILLUSTRATIONER E-receptflödet 06 30

31 ILLUSTRATIONER Informationsvägar 06 31

32 ILLUSTRATIONER Frilagda enheter 06 32

33 GRAFISKA ELEMENT 07

34 GRAFISKA ELEMENT 07 Våra grafiska element är dels en bård, dels ett mönster. Bården kan användas i övre och undre kant på till exempel dokument eller i digitala sammanhang. Den kan också användas för att dela av innehåll. Bården kan upprepas på längden i all oändlighet, den får också skäras av på höjden för att ge ett diskretare intryck. Mönstret finns i 19 varianter, tre för varje profilfärg och ett med mixade färger. Mönstret används som plattor, bårder eller som just ett mönster för att stärka identiteten. Mönstret får aldrig skalas utan bara skäras eller dupliceras för att passa den yta där det är tänkt att förekomma. Varje kryss är 18,2 mm högt. Mönstret ska alltid vara centrerat, så oavsett skärning utgår det alltid från samma grund. 34

35 GRAFISKA ELEMENT Bård 07 35

36 GRAFISKA ELEMENT Mönster 07 36

37 GRAFISKA ELEMENT Mönster 07 37

38 ENHETER 08

39 April 2013 ehälsomyndigheten ehälsomyndigheten Xxxxx Stockholm org.nr: Ange informationsklass ENHETER Officemallar 08 Adress 1 Adress 2 Adress 3 Adress 4 Adress 5 1 Protokoll Den 29 oktober 2013 Rubrik Cepelitio voluptatia voloria sum fugitio ritenem harchicias eosamus damus. Officiet ut vendaec eaquam voluptaquos eosam, il int. Genihit a suntumetur assitios nis elissit ut es enda porro od quibus re dolorpor sunt qui id qui simus nos ut pro estrum ut ex essi acium qui conseque quam quam eum eosae porem facepta musdae. Ceptibus rerist dent ea conem dolestinctis ma nos si sunt quatemp oreperc hilluptas invendania il inte nusdant vellam que et fugit que non nobitendit quiduntia nuscia nonsecuptur moluptat. Aquae moluptatume susciis inciet, inum re dolupta spelliciis renessit, tenis atiae velitate eliaerum veriostio. Qui tem evendi omnist volupta quissum ipsant. Den 00 oktober 2013 Protokoll nr < > från Möte <Datum> på <Plats> Närvarande: Ej närvarande: Åtgärder: Dokumentrubrik Underrubrik Sammanfattning Dokumentrubrik Underrubrik Sammanfattning Um sit experisquas excest fuga. Nempores vent etur aut eris nis alis nis mi, te pratiis modigenda iumet acium consequo quid quat excepeliam quis que omnis quae comnisi quiande lluptatur rest pel et quas molor simus asperes eribus re qui berspicimus. Mus, secuptatis minctotat. Et aut laboreicid ut mos eum que exerest ab iniation ea que pore plabori orehenis eos comnihi licilique la autemperspe estis magnam fugiandam con cumqui inullectum et es eaquide bitias quiscip santem quost, verumquibus aut a qui ut peruntus, oditem nonsequia vit errovit, suntia dolecte doloritatem. Tatem. Eperupistiam dolupta volupti core ene vel mo te rerione stenis simaxim ra dolum quis imus. Ansvariga: Deadlines: Mötes öppnande Förnamn Efternamn Roll ehälsomyndigheten Tel: Val av justeringsman SMS: 076 Godkännande av dagordning E-post: förnamn.efternamn@ehm.se 1/1 April 2013 ehälsomyndigheten 1/2 Brevpapper Protokoll Rapporter GODKÄNNANDE System Cosmic version R7.5 SP4 avseende system Cosmic version R7.5 SP4 tillhörande systemleverantör Cambio Helthcare Systems AB, organistationsnummer Cosmic versoin R7.5 SP4 har genomgått prövning på ehälsomyndigheten STP version 12.2 för inkoppling mot ehälsomyndighetens infrastruktur, tjänsten Hamta- PatientInfo v1, med godkänt resultat. Stefan Vallin Chef för Verksamhetsområde Övergripande tjänster Stockholm den 2014-XX-XX April 2013 ehälsomyndigheten Senast ändrad: Fastställd den: Version: 0.1 Dokumentnamn: Författare: Fastställd av: 1/1 ehälsomyndigheten, Ringvägen 100, Stockholm, org.nr Normal Apse Excel Godkännande

40 ENHETER Officemallar 08 (Kapitelstartsida) (Flera färger att välja mellan) (Kapitelstartsida) (Flera färger att välja mellan) Lägg till rubrik Förnamn Efternamn åååå-mm-dd Version 1.0 Lorem ipsum dolor sit amet conse ets. Lorem ipsum dolor sit amet conse ets. (Enbart text) Lägg till rubrik Lägg till underrubrik Lägg till text (Text och bild) Lägg till rubrik Lägg till underrubrik Lägg till text (Enbart bild, diagram, film etc) April 2013 ehälsomyndigheten Sid X (Exempel på diagram) PPT April 2013 ehälsomyndigheten Kategori 4 Sid X Kategori 3 Kategori 2 Serie 3 Serie 2 Serie 1 Kategori 1 April 2013 ehälsomyndigheten Sid X 40 April 2013 ehälsomyndigheten Sid X

41 ENHETER Korrespondensmaterial 08 Torsten Håkansta Generaldirektör Torsten Håkansta Director-General ehälsomyndigheten Ringvägen 100, Stockholm Växel: Direkt: Mobil: torsten se Swedish ehealth Agency Ringvägen 100, SE Stockholm Phone: +46 (0) Direct: +46 (0) Cell: +46 (0) torsten se ehälsomyndigheten Ringvägen 100, Stockholm Visitkort, SE Visitkort, Eng Kuvert, C4 Ringvägen Stockholm Korrkort Ringvägen Stockholm Kuvert, C5 41

42 ENHETER Profilenheter 08 Nyckelband 42

43 DIGITALT 09

44 DIGITALT Externa webben 09 Med ehälsomyndighetens nya grafiska profil kommer även en ny extern webbplats. Webbplatsen speglar den nya profilen och bidrar till att stärka ehälsomyndighetens igenkäning. Webbplatsen har huvudfärgen Plommon (lila) som ledande färg genomgående i ramverk och på undersidor. På startsidan finns möjligheter för hela färgpaletten att ta för sig. Knappar är i regel Plommon (lila) och interaktionen markeras ut med Sten (grå) när muspekaren försöver knappen. Typografin är i huvudsak svart eller vit utom då det är text som är länkad. Vid de fallen är texten Plommon och understruken. I listor som till exempel i sidfoten eller sidebaren är länkar endast understrukna när användaren för muspekaren över en hyperlänk. Puffar för startsidan finns i alla sex profilfärger plus 20 % av Sten med vit typografi så långt det går och där kontrasten blir för låg används svart typografi. Puffarna används i första hand utan bild. Är bild nödvändig finns det puffvarianter som stöjder det. 44

45 DIGITALT Externa webben 09 45

46