Grafisk Manual

INNEHÅLL 00 01 Inledning 3 02 Logotyp 5 03 Typografi 15 04 Färger 20 05 Bilder 24 06 Illustrationer 27 07 Grafisk element 33 08 Enheter 38 09 Digitalt 43

INLEDNING 01

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 2014. Myndigheten fortsätter det arbete som Apotekens Service AB tidigare utfört. 4

LOGOTYP 02

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

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

LOGOTYP 02 8

LOGOTYP Svartvit 02 9

LOGOTYP Negativ 02

LOGOTYP Singelrad 02 11

LOGOTYP Engelsk 02 12

LOGOTYP Applicering 02 JA Nej 13

LOGOTYP Applicering friyta 02 14

TYPOGRAFI 03

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

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

TYPOGRAFI Webb Le Havre ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890.;!?#@% 03 Roboto ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890.;!?#@% 18

TYPOGRAFI Office 03 Arial Narrow ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890.;!?#@% Perpetua ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890.;!?#@% 19

FÄRGER 04

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

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 #672565 80% 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

FÄRGER Kombinationer 04 23

BILDER 05

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

BILDER Exempel på enheter 05 26

ILLUSTRATIONER 06

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

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

ILLUSTRATIONER E-receptflödet 06 30

ILLUSTRATIONER Informationsvägar 06 31

ILLUSTRATIONER Frilagda enheter 06 32

GRAFISKA ELEMENT 07

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

GRAFISKA ELEMENT Bård 07 35

GRAFISKA ELEMENT Mönster 07 36

GRAFISKA ELEMENT Mönster 07 37

ENHETER 08

April 2013 ehälsomyndigheten ehälsomyndigheten Xxxxx 100 118 60 Stockholm www.ehm.se org.nr: 000000-0000 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 556487-3585. 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, 118 60 Stockholm, www.ehalsomyndigheten.se, org.nr. 556763-4778 39 Normal Apse Excel Godkännande

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 0 1 2 3 4 5 6 Sid X 40 April 2013 ehälsomyndigheten Sid X

ENHETER Korrespondensmaterial 08 Torsten Håkansta Generaldirektör Torsten Håkansta Director-General ehälsomyndigheten Ringvägen 100, 118 60 Stockholm Växel: 010-458 62 00 Direkt: 010-458 62 62 Mobil: 076-140 26 62 torsten hakansta@ehalsomyndigheten se www.ehalsomyndigheten.se Swedish ehealth Agency Ringvägen 100, SE-118 60 Stockholm Phone: +46 (0)10-458 62 00 Direct: +46 (0)10-458 62 62 Cell: +46 (0)76-140 26 62 torsten hakansta@ehalsomyndigheten se www.ehalsomyndigheten.se ehälsomyndigheten Ringvägen 100, 118 60 Stockholm 010-458 62 00 www.ehalsomyndigheten.se Visitkort, SE Visitkort, Eng Kuvert, C4 Ringvägen 100 118 60 Stockholm www.ehalsomyndigheten.se Korrkort Ringvägen 100 118 60 Stockholm www.ehalsomyndigheten.se Kuvert, C5 41

ENHETER Profilenheter 08 Nyckelband 42

DIGITALT 09

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

DIGITALT Externa webben 09 45