• Brand Management
    • Digital asset management
    • Full-scale editing tools
    • Approval and decision flows
    • Manage campaigns
    • Don’t show again

Om merkevaren

Logo

Farger

Typografi

Grafisk element

Layoutsystem

Bildestil

Ikoner

Illustrasjoner

Messestand

Eksempler på bruk

Malverk

MENY


Om merkevaren

Logo

Farger

Typografi

Grafisk element

Layoutsystem

Bildestil

Ikoner

Illustrasjoner

Messestand

Eksempler på bruk

Malverk

DSB 2024


Visuell identitet og merkevare

Header

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.

Header_4

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. 

To brosjyrer

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

Konsept_2

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. 

Last ned logofiler
Logo

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.

Logo_Main

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.

Logo_Sekundær

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. 

Logo_Farger

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.

Logo_Avstander

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.

Logplassering

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.

DSB_logo_Originaler-med-profilmanual_1
DSB_logo_Originaler-med-profilmanual_2

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. 

Logosymboler

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.

Logo_ikke-bruk

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

Farger_1

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

  • HEX #222038

  • RGB 34, 32, 56

  • CMYK 100, 94, 0, 78

  • PMS 5255 C

DSB Skumring

  • HEX #353257

  • RGB 53, 50, 87

  • CMYK 90, 87, 36, 28

  • PMS 5265 C

DSB Lys

  • HEX #CFD4EF

  • RGB 207, 212, 239

  • CMYK 21, 16, 0, 0

  • PMS 2706 C

DSB Varsel

  • HEX #FFB119

  • RGB 255, 177, 25

  • CMYK 0, 32, 100, 0

  • PMS 130 C

DSB Varme

  • HEX #FFF6E6

  • RGB 255, 246, 230

  • CMYK 0, 4, 11, 0

  • PMS 20 % av 130 C

DSB Dus

  • HEX #EDEFF9

  • RGB 237, 239, 249

  • CMYK 5, 4, 0, 0

  • PMS 20 % av 2706 C

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. 

Fargekombinasjoner
Farger_Mørk
Farger_lyst

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.

Last ned fontfiler
Typografi

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.

Last ned grafisk element
Grafisk-symbol
Grafisk element_2

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.

Layoutsystem
Layout_2
Layout_3

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.

Bilder_head
Collage_2
Bilde2

Avrundede hjørner gir et vennlig men seriøst inntrykk

Bilde

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.

Last ned ikonpakke
Ikoner_2
Ikoner_Mockup

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.

Last ned illustrasjoner
Illustrasjon_3
Illustrasjoner_2

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.

Last ned 3D-illustrasjoner
DSB 3d_3
DSB 3d_4
DSB 3d_2
DSB 3d
DSB 3d_5
DSB 3d_6

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. 

Messestand_DSB

11

Eksempler på bruk

Eksempel
Rapporter
Macskjermer

12

Malverk

Ta kontakt med servicedesk.kom@dsb.no for passord til nedlastning av elementer. 

Teamsbakgrunner

Last ned originaler
Last ned arbeidsfiler

Bakvegger

Last ned originaler
Last ned arbeidsfiler

Rollups

Last ned originaler
Last ned arbeidsfiler

Bakgrunnskjermer møterom

Last ned originalfiler

Powerpoint

Last ned mal

Visittkort

Last ned arbeidsfiler

Rapport- og publikasjonsmaler

Malverk i InDesign
Malverk i Word

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.

Last ned generelt malverk InDesign
Overordnet nivå

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.

Last ned generelt malverk InDesign
Last ned malverk i Word
Fagnivå 1

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.

Last ned malverk for veildere i InDesign
Last ned malverk for Faktaark i InDesign
Fagnivå 2

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