DSB 2024
Visuell identitet og merkevare
01
Om merkevaren
Introduksjon
Merkevaren til DSB skal sørge for at vi fremstår på riktig måte i alle kanaler der vi kommuniserer.
DSB har mange og ulike målgrupper for sin kommunikasjon. Det er derfor viktig at vi fremstår helhetlig uavhengig av hvem vi snakker til, og hvilken kommunikasjonskanal vi benytter. En helhetlig visuell profil gir et godt og profesjonelt bilde av DSB som en synlig og tydelig organisasjon.
DSB trenger effektive visuelle verktøy for å kommunisere sine viktige budskap på en tydelig måte til forskjellige målgrupper. Det er kritisk at DSB sin kommunikasjon motiverer til etterlevelse, og DSB er derfor avhengig av å bygge tillit ved å formidle sin kompetanse og myndighet på en overbevisende måte.
Den visuelle profilen bygger på DSBs verdigrunnlag. Våre kjerneverdier kompetanse, resultat, tillit, lagånd og nysgjerrig skal formidles konsekvent gjennom alt vi lager slik at vi får en enhetlig profilering som styrker omdømmet med en tydelig rød tråd i alle kanaler.
Form og farger i profilen gjenspeiler hvordan vi ønsker å fremstå. Den visuelle verktøykassen består av logo, fargepalett, typografi, grafisk element, ikoner, illustrasjoner og et layoutsystem. Merkevaren er optimalisert for å fungere på digitale flater og for universell utforming.
Balansen mellom elementene er spesielt viktig, og kan også variere ut i fra budskapet vårt. Dette forklares nærmere under de ulike punktene i profilmanualen.
Arketype og personlighet
For at merkevaren skal kommunisere på riktig måte tillegger vi den personlige egenskaper som gjør det enklere å skape visuelle virkemidler. Dette henger igjen sammen med virksomhetsstrategien.
DSB skal være tydelige. Vi skal ha tydelige råd og en tydelig profil. DSBs rolle i totalforsvaret blir viktigere, og det skal også gjenspeiles i visuell kommuniksjon. Vi lever i en alvorlig tid og vi skal tørre å si det som det er og være ærlige og direkte i rådene våre. Vi skal fremstå seriøse og komme med kraftfulle råd.
Ut i fra dette har vi valgt en arketype innenfor merkevare som passer godt til DSB. Arketype er et verktøy som brukes innenfor merkevare for å gi tydelig retning og personlighet til en merkevare som står i stil med hvordan man ønsker å fremstå.
Arketyper var opprinnelig utviklet av Carl Gustav Jung for å kategorisere mennesketyper. Han delte alle mennesker inn i 12 arketyper. Det viste seg å bli for snevert for mennesker, men dette fungerer veldig godt for merkevarer. Arketypene gir merkevarebyggere et rammeverk for å forenkle og sortere ut nøkkelelementene i en merkevares identitet. Siden arketyper representerer mennesketyper, gjør arketypehjulet det enklere å finne de personlighetstrekkene som er aller viktigst for å etablere og bygge merkevarens relasjon til kundene.
DSBs arketypen er Hjelperen.
Hjelperen er motivert av å beskytte folk mot fare og være til tjeneste.
Folk søker derfor til merkevarer som er hjelpere når de ønsker å føle seg trygge og bli tatt vare på, eller for å vise at de selv setter trygghet og omsorg for andre høyt.
Hjelperen er ikke bare reaktiv, men også en prevantiv arketype.
Konsept
Konseptet for profilen til DSB tar utgangspunkt i logosymbolet og har fått navnet møtepunktet.
DSB skal være en trygg og stødig aktør for hele det norske samfunnet. Det er i dette møtepunktet mellom befolkningen og deres trygghetsfølelse at DSB skal være linken og en kilde til sikkerhet, ro og stødighet. Vi bruker derfor møtepunktet i logoen som konsept for identiteten og basis for det grafiske elementet vårt som du kan lese mer om under ett eget punkt i profilmanualen.
Linken og møtepunktet i logoen symboliserer fellesskap, samhold og hvordan vi viser vei. De avrundede formene er med på å gjøre uttrykket mer vennlig.
Ved å bruke former hentet ut fra logosymbolet tilfører vi mer særpreg til profilen og gjør DSB din kommunikasjon mer distinkt og tydelig. Dette skaper en bedre rød tråd på tvers av de ulike uttakene og flatene.
Møtepunkt
Linker
Veiviser
Fellesskap
Samhold
02
Logo
Symbolet består av to stjerner i en lenke. Stjerner symboliserer veiviser, høy kvalitet og en overordnet rolle. Lenker symboliserer fellesskap og samhold. Navnetrekket er satt i versaler (store bokstaver) som fremstår seriøst og tydelig. For at logoen ikke skal fremstå for hard har symbolet litt avrundede former som også plukkes opp andre steder i identiteten.
Logoen er utviklet på en måte som gjør at den gror minst mulig sammen på digitale flater og gjør seg på mindre formater.
Ta kontakt med servicedesk.kom@dsb.no for passord til nedlastning av elementer.
Hovedlogo
Logoen med symbol plassert til venstre og navnetrekk til høyre er hovedlogoen til DSB.
Primærlogoen skal brukes på alle flater der DSB kommuniserer. Unntaket er felles co-branding med andre aktører der de også bruker fullt navn i logoen.
Se seksjon om sekundærlogo og plassering av navnetrek, produkter og konsepter for mer informasjon.
Sekundærlogoer
Logoen der symbolet er plasser over navnetrekket kan brukes på smale flater som capser, runde klistermerker og profilbilder i sosiale medier.
Logo med hele navnetrekker skal kun brukes på Co-branding med andre selskaper med lignende forkortelser, og der flaten er stor nok til at navnetrekket er godt leselig. Dette kan for eksempel være arrangementer sammen med andre aktører eller felles trykte annonser. I digitale flater får denne logoversjonen dårlig lesbarhet, og som hovedregel skal man skal da benytte primærlogo.
Fargebruk
Logo kan legges i DSB Midnatt på lyse bakgrunner eller i hvit på mørke bakgrunner.
Logoen kan brukes i DSB Midnatt på hvit, DSB Dus, DSB Varme, DSB Varsel, og DSB Lys.
Logo kan brukes i hvit på DSB Midnatt eller DSB Skumring.
Logo kan også brukes på bilder, men det skal alltid være god lesbarhet mot bakgrunnen.
Når logo står sammen med andre logoer eller der det er flere avsendere kan den brukes i helt sort. Sorte versjoner er tilgjengelig i logopakken.
Avstander
Logo skal plasseres med avstand tilsvarende en stjerne fra andre objekter i layout. Sørg alltid for at logo får tilstrekkelig luft slik at den kommer tydelig frem.
Plassering av logo
Logo plasseres som hovedregel oppe i venstre hjørne, men kan også plasseres i de andre 4 hjørnene ved behov.
På små og digitale formater, for eksempel et ikon eller på en post i sosiale medier så kan logo være sentrert på midten av flaten.
Plassering av navnetrekk, produkter og konsepter
Plassering av navnetrekk, produkter og konsepter
For å bygge opp under logoen og forsterke budskapene våre bruker vi navnetrekket aktivt plassert på flater der vi kommuniserer. Navnetrekket plasseres i ett av de andre hjørnene på formatet som ikke inneholder logosymbolet. Foretrukket plassering er i bunn av formatet eller motsatt hjørne i topp av formatet når logoen er venstrestilt.
De samme retningslinjene gjelder for produkter og konsepter som Nødnett, og erstatter da hovednavnetrekk i layout. Navnetrekket skal settes i FK Grotesk Medium i mindre størrelse enn logosymbolet. Det er viktig å sørge for tilstrekkelig avstand til logosymbolet slik at dette ikke fremstår som ett samlet objekt.
Ved behov på høye og smale formater kan hele navnetrekket Direktoratet for samfunnssikkerhet og beredskap plasseres på to linjer i bunnen av formatet.
Eksempler på flater der vi bruker navnetrekket er:
- Rapporter og andre publikasjoner
- Powerpoint-presentasjoner
- Rollups
- Visittkort
I sosiale medier har vi det fulle navnet vårt, og trenger dermed ikke å plassere navnetrekk i uttak i tillegg.
Eksemplene viser hvordan man for eksempel skriver ut hele navnetrekket til direktoratet eller den samme plasseringen for Nødnett.
Symbol
Symbolet kan brukes til Fav-ikon, i applikasjoner og annen tilsvarende bruk der det ikke er plass til hele logosymbolet.
Fargevalg er tilsvarende til bruk i hovedlogo.
Uønsket bruk
– Ikke legg til effekter som skygge eller tekstur.
– Ikke endre proposjoner eller strekk.
– Ikke legg til elementer.
– Ikke roter logoen.
– Ikke legg outline rundt.
– Ikke benytt andre farger enn de fra paletten.
03
Fargepaletten er et viktig verktøy for at DSB skal fremstå på riktig måte, og speiler samfunnsoppdraget.
De ulike fargene har ulike funksjoner, og det er totalitenten av fargebruken som skaper det riktige helhetsinntrykket.
Profilen består av lyse og mørke farger som oppfyller ulike behov og funksjoner. Den ene siden er varme farger og alarm mens den andre er mørkere farger som representerer seriøsitet og den veiledendede rollen. Fargepaletten spiller på forskjellene mellom lys og mørke eller kulde og varme – som i forlenget betydning kan sees på som med og uten beredskap.
I noen tilfeller skal man være hjelpsom og veiledende, som et trygt og rådgivende direktorat. I andre tilfeller har man behov for å understreke alvorlighetsgrad og bære tyngden av seriøse budskap. Dette løser man ved å variere graden av lyse og mørke farger, samt med en veloverveid plassering av varselfargene. Samlet gir dette oss en profil som fungerer på tvers av alle flater og også dekker behovene våre i kampanjeperioder eller underkategorier. For eksempel kan man bruke de lysere tonene til sikker hverdag og de mørke vektingene til Nødnett. Se eksempel på lys og mørk vekting lenger nede i denne seksjonen.
Farger
Fargepaletten til DSB består av 6 hovedfarger. Paletten er også ekstra tilpasset for UI/UX på dsb.no og andre nettsteder.
Den oransje fargen er en en mye brukt farge for beredskap og skal brukes til å fremheve detaljer. De andre fargene speiler andre deler av Norges beredskap samtidig som de gir DSB egenart. Det overordnede uttrykket fremstår seriøst og tydelig, men med innslag av lyse elementer for varme, profesjonalitet og at man skal fremstå tillittsvekkende.
DSB Midnatt brukes i stedet for sort på tekst. I tillegg til fargepaletten kan hvit også brukes på tekst.
Bruk av farger hos DSB skal alltid følge retningslinjene for universell utforming. Les mer om godkjente fargekombinasjoner under.
DSB Midnatt
DSB Skumring
DSB Lys
DSB Varsel
DSB Varme
DSB Dus
Godkjente fargekombinasjoner
Universell utforming sørger for at personer med nedsatt syn eller fargeblindhet også får tilgang til alt innhold vi lager. Som en offentlig aktør er vi lovpåplagt å følge disse kravene. Det er derfor viktig at ingen andre fargekombinasjoner enn de oppgitte blir brukt på tekst.
AA tilsvarer minimumskravet for mengdetekst, men vi bør etterstrebe å oppnå AAA i all mengdetekst.
04
Typografi
Fonten til DSB er FK Grotesk Neue.
Dette er en font som har et seriøst og ganske smalt uttrykk. Det får fonten til å fremstå som statlig og seriøs, har god lesbarhet i mengdetekst samtidig som den har særpreg i noen av bokstavene som tilfører profilen egenart. Den kan brukes på ulike måter for å formidle de ulike budskapene og behovene som DSB har.
Typografien komplementerer også andre elementene og er med på å stramme opp uttrykket mot de mykere formene i logoen og det grafiske elementet.
FK Grotesk Neue er en kjøpefont fra Florian Karsten Typefaces og finnes i ulike vekter og på ca. 30 språk fra den latinske språkstammen i tillegg til vietnamesisk. For andre språk og oversettelser kan Google Noto brukes som alternativ.
FK Grotesk Neue brukes i Regular, Medium og Bold. Regular finnes også med Italic for behov i løpende tekst.
DSB har rettigheter til å bruke disse fontfilene for alle ansatte, underleverandører og i alle kanaler.
FK Grotesk Neue
Trygg, seriøs og hjelpsom
Det brenner i østmarka.
Brannvesenet ber folk lukke vinduene.
Om DSB
Direktoratet for samfunnssikkerhet og beredskap (DSB) skal ha oversikt over risiko og sårbarhet i samfunnet. Vi skal være pådriver i arbeidet med å forebygge ulykker, kriser og andre uønskede hendelser, og skal sørge for god beredskap og effektiv ulykkes- og krisehåndtering. DSB er underlagt Justis- og beredskapsdepartementet.
abcdefghijklmnopqrstuvwxyz
1234567890!?
ABCDEGHJIKLMNOPQRSTUVWXYZ
Vekting
FK Grotesk Medium brukes til større overskrifter
FK Grotesk Bold brukes til mindre overskrifter
FK Grotesk Regular brukes til mengdetekst. Sørg for god linjeavstand og lesbarhet på tvers av flater og kanaler. En god huskeregel er at linjeavstanden skal være 1,5 punktstørrelse av punktstørrelse på skrift i mengdetekst.
Her er det også muligheter for tekst i Italic.
Erstatningsfont
Om man ikke har mulighet til å installere FK Grotesk Neue på sin maskin kan Microsoft-fonten Aptos brukes som erstatning. Dette er den fonten som har mest fellestrekk med FK Grotesk Neue og er tilgjengelig for alle.
05
Grafisk element
Det grafiske elementet til DSB er også basert på konseptet møtepunktet.
Linken og møtepunktet i logoen symboliserer fellesskap, samhold og hvordan vi viser vei. De avrundede formene er med på å gjøre uttrykket mer vennlig.
Ved å bruke former hentet ut fra logosymbolet kan vi tilføre mer særpreg til profilen og gjøre DSB din kommunikasjon mer distinkt og tydelig. Dette vil også skape en bedre rød tråd på tvers av de ulike uttakene og flatene.
Formen som brukes til pilen og andre elementer har også slektskap til ulike typer skilting.
Det grafiske elementet plasseres i ett av hjørnene på formatet.
06
Layoutsystem
Layoutsystemet er også basert på møtepunktet og de seks firkantene som utgjør formen i logoen.
Layouten kan også deles på midten slik at den er midt i møtepunktet. Dette gir god variasjon og mange muligheter samtidig som det gir oss regler og en rytme å forholde oss til. Det skaper bedre helhet på tvers av profilen.
Marger kan medregnes i layout ved behov.
Under vises 4 eksempler på hvordan innhold plasseres i layout.
07
Bildestil
Bildestilen skal reflektere kjerneverdiene kompetanse, resultat, tillit, lagånd og nysgjerrig.
Bildene bør være tydelig norske, og ikke virke oppstilte. Vi ønsker ekte mennesker i ekte situasjoner, og der det brukes naturbilder skal disse være fra norsk natur. Naturbilder skal reflektere budskapet. Om vi snakker om uvær og naturhendelser viser vi det slik det er, mens når vi snakker om det vi skal beskytte og roligere budskap viser vi mennesker, nære situasjoner og relasjoner. Det er viktig å vise hele bredden av befolkningen i bildene.
Lyset skal være naturlig. I tillegg bør man prøve å hente opp farger fra profilen i bildene der det lar seg gjøre.
Bildene bør også varieres etter et lyst eller mørkt uttrykk ut i fra budskapet. Bildene kan også rundes av i kantene for mykere budskap eller være utfallende i mer alvorlige.
Vi skal vise de nære situasjonene men også overblikket over samfunnet. Bildene under viser eksempler på motiver og stil og tone.
Avrundede hjørner gir et vennlig men seriøst inntrykk
08
Ikoner
Ikoner
Ikoner bygges på grid med 24 px, 48 px til ulik bruk. Strektykkelse er 2 px. Linjer har rette kanter mens hjørner er avrundet.
24 px brukes til små hjelpeikoner på for eksempel nettsider. 48 px ikoner er standard til for eksempel trykksaker og har litt mer detaljer.
Ikonene og illustrasjonene baseres på formene fra logosymbolet. De får dermed ytterstrek og litt avrundede kanter. Dette gjør at de harmonerer med resten av identiteten.
Ikonbanken vil oppdateres.
09
Illustrasjoner
Illustrasjonene bygger på de samme grunnprinsippene som de andre elementene men tilfører også mulighet til å illustrere tematikk som er vanskelig med bilder eller variere uttrykket på blant annet nettsidene eller i kampanjer.
Den skråstilte formen fra det grafiske elementet brukes aktivt for å gi illustrasjonene særpreg. Oransje brukes til å fremheve viktige detaljer eller skape blikkfang.
Illustrasjonspakken vil bli oppdatert løpende.
3D-illustrasjoner
Til bruk på flater der man vil profilere DSB og ha bilder men ikke kan finne riktige motiver er det også laget noen 3D-illustrasjoner med utgangspunkt i logosymbolet.
10
Messestand
Til messestands bør man bruke en kombinasjon av bakvegg, rollups og annet materiell med ulikt budskap rettet mot målgruppen. Prøv å bruke ulike deler av fargepaletten i tillegg til å variere bildebruken på de ulike elementene.
Du finner malverk til rollups under malverk i denne profilhåndboken.
Bildet viser et eksempel på hvordan en messestand kan se ut ved bruk av ulike profilelementer.
11
Eksempler på bruk
12
Malverk
Ta kontakt med servicedesk.kom@dsb.no for passord til nedlastning av elementer.
Teamsbakgrunner
Bakvegger
Rollups
Bakgrunnskjermer møterom
Powerpoint
Visittkort
Rapport- og publikasjonsmaler
Publikasjonsjonene er delt inn i ulike nivåer basert på bruk. Den største forskjellen ligger i forsidene, mens flere av publikasjonene baseres på de samme generelle malene. Merk også at alle forsider har ett mindte overskriftsnivå som i eksemplene.
Overordnet nivå
Overordnet nivå består av strategier, årsrapporter og informasjonsmateriell. Malverk til disse finnes i InDesign og bruker samme innmat som Fagnivå 1.
Informasjonsmateriell kan variere i størrelse og har derfor ingen fast mal. Informasjonsmateriell følger de overordnede layoutreglene for forsider som resten av nivå 1.
Fagnivå 1
Består av ulike typer rapporter. Dette inkluderer overordnede rapporter som for eksempel risikoanalyser, andre rapporter som evalueringsrapporter i tillegg til interne rapporter.
Maler til overordnet rapport og rapport er levert i InDesign og følger samme malverk som overordnet nivå, mens malverk til intern rapport finnes i Word.
Fagnivå 2
Fagnivå 2 består av veiledere, tema, temaveiledere og faktaark.
Veiledere og tema bruker samme mal i InDesign. Denne har mulighet for både dobbel og enkel spalte. Dette tilpasses etter omfang. Enkle spalter gir bedre lesbarhet, men tar mer plass. Faktaark har egen mal i InDesign.
Universell utforming
Alle brukere av malen må sørge for at dokumenter de eksporterer er universelt utformet både fra InDesign, PPT og Word. Dette inkluderer blant annet:
- Alternativ tekst til alle bilder, grafikk og elementer
- Riktig dokumentstruktur
- Riktig filnavn
- Gjennomgang og tilgjengelighetssjekk på ferdig fil
DSB 2024
Har du spørsmål om profilmanualen? Ta kontakt med servicedesk.kom@dsb.no