Index

Profilen i bruk og inspirasjon

Kontaktinfo

Brand Canvas

Konsept

Logo

Designelement

Fargepalett

Typografi

Illustrasjon

Ikonstil

Fotostil

Co-branding

Maler

Profilen i bruk og inspirasjon

nhn_logo_hvit-07



Digital profilhåndbok

for Norsk helsenett


Her finner du alt du trenger for å bygge merkevaren Norsk helsenett.

Index

Kontaktinfo

Brand Canvas

Konsept

Logo

Designelement

Fargepalett

Typografi

Illustrasjon

Ikonstil

Fotostil

Co-branding

Maler

Profilen i bruk og inspirasjon


Kontaktinfo

Har du spørsmål til profilen eller har behov for nye ikoner, illustrasjoner ol. ta kontakt med kommunikasjon@nhn.no

Brand Canvas

Last ned

Konsept

Knytninger


NHN knytter helse-Norge sammen. Identiteten vår viser at vi ser helheten i helse-Norge. Vi ser muligheter og nye sammenhenger. Vi gjør samhandling mulig og legger til rette for en god og trygg helsetjeneste for innbyggerne.


Vi skal bidra til digital transformasjon, og identiteten vår er laget spesielt for dette. Vi tenker nytt, er lettbente, ser helhet og har et entreprenør-DNA i ryggraden.


Vi lager smarte tjenester og legger til rette for at også leverandører og andre aktører i sektoren kan skape innovative og tilgjengelige løsninger til beste for fellesskapet. Den nye identiteten gir oss muligheten til også å la andre aktører i sektoren skinne. 


Designkonseptet i vår nye identitet bygger øvrig på vår relasjon som katalysator, aktivator og samhandler - samt våre verdier - vi er nysgjerrige, vi har driv og vi bryr oss.

Logo

Logoen vår består av et symbol og et navnetrekk. Navnetrekket er satt i et moderne skriftsnitt og harmonerer godt med logosymbolet som representerer knyttingen av Helse-Norge. 


Foretrukket plassering på primærlogoen er i øvre eller nedre, venstre hjørne. Den plasseres aldri til høyre. Logoen kan plasseres sentrert (eksempelvis på animert sluttplakat). 

Last ned
logo_mrk-grnn-pa-hvit
microsoftteams-image-1

Symbol

nhn_symbol_grnn-mrk-10

Plass rundt logo


Logoen skal være omgitt av tilstrekkelig plass rundt logoen, for orden og ryddighet. Grenseområdet er konsistent med høyden og bredden på 50% av symbolet.

nhn_symbol_clear-08-06
nhn_symbol_clear-08-08

Logo med undertittel


I spesielle tilfeller kan logo brukes med undertittel. Dette kan lages på bestilling.

nhn_logo_m_undertittel_visning-06
Last ned

Minimum avstand

nhn_logo_m_undertittel_retningslinjer

Designelement

Knytingene i designelementet representerer hvordan vi i Norsk helsenett knytter helse-Norge sammen gjennom samhandling. De viser hvordan vi ser helheten av helse-Norge, muligheter og nye sammenhenger gjennom smarte og innovative løsninger. Designelementet har et bredt bruksområde og er en av våre tydeligste identitetsmarkører. 

Last ned visuelle ressurser i PowePoint
Last ned designelementer
designelement

Designelementets system

designelement_system_2
designelement_system_3
designelement_system_4

Skala

designelement_skala_2

Forbudte kombinasjoner

sdg_nhn_designelement_retningslinjer

Fargepalett

Fargepaletten vår er utviklet basert på designkonseptet knytninger. Den består av varme, rene farger som er tilrettelagt for universell utforming med god funksjon for både digitale og analoge uttak. Et sett med støttefarger er utviklet for illustrasjon, infografikk og annen bruk ved behov. 

Oversikt over trygge fargekombinasjoner

Primærfarger 

Mørk grønn primær

  • HEX #015945

  • RGB 1, 89, 69

Lys grønn primær

  • HEX #7BEFB2

  • RGB 123, 239, 178

Grønn 1

  • HEX #002920

  • RGB 0, 41, 32

Grønn 2

  • HEX #247360

  • RGB 36, 115, 96

Grønn 3

  • HEX #02A67F

  • RGB 2, 166, 127

Grønn 4

  • HEX #C4F2DA

  • RGB 196, 242, 218

Gråtoner

Svart

  • HEX #000000

  • RGB 0, 0, 0

Grå 1

  • HEX #808285

  • RGB 128, 130, 133

Grå 2

  • HEX #BCBEC0

  • RGB 188, 190, 192

Grå 3

  • HEX #DCDDDE

  • RGB 220, 221, 222

Grå 4

  • HEX #F1F2F2

  • RGB 241, 242, 242

Varm grå

  • HEX #F7F5F4

  • RGB 247, 245, 244

Hvit

  • HEX #FFFFFF

  • RGB 255, 255, 255

Støttefarger

Blå 1

  • HEX #00467A

  • CMYK 100, 43, 0, 52

Lilla 1

  • HEX #372770

  • CMYK 51, 65, 0, 56

Rød 1

  • HEX #6B1E27

  • CMYK 0, 72, 64, 58

Oransje 1

  • HEX #E85800

  • CMYK 0, 62, 100, 9

Gul 1

  • HEX #FFC46B

  • CMYK 0, 23, 58, 0

Det finnes flere valører av fargene, alle kan lastes ned her


Komplett fargepalett

Typografi

Vår profilfont er Helvetica Now. Fonten brukes når vi lager profilmateriell som roll ups, plakater, brosjyrer og lignende. 


Vi bruker et kjernesett med syv vekter: 

Display Regular, Text Light, Text Light Italic, Text Regular, Text Regular Italic, Text Bold, Text Bold Italic. Regular er vår primærvekt.


Vår systemfont er Arial som finnes på alle datamaskiner. Fonten brukes til presentasjoner, rapporter, mail og brev. 


Kjøp lisensen her

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 0123456789

Display Regular

Text Light

Text Light Italic

Text Regular

Text Regular Italic

Text Bold

Text Bold Italic 

Illustrasjon

Illustrasjonsstilen er nedtonet og varm, med et seriøst utrykk. Designkonseptet er videreført i illustrasjonene på en subtil måte. Dette gjør illustrasjonene til sterke profilbærende element for Norsk helsenett.

Last ned ppt med alle illustrasjoner


et_godt_og_spennende_arbeidsmilj
infrastruktur_og_applikasjonsforvaltning_1

Støttefarger for hudtoner

N.B. Støttefarger for hudtoner skal kun brukes 

til illustrasjon og gjelder eksempelvis ikke for 

ikoner og infografikk.

Hudfarge 1

  • HEX #3D1A13

  • CMYK 0, 57, 69, 76

Hudfarge 2

  • HEX #723E33

  • CMYK 0, 46, 55, 55

Hudfarge 3

  • HEX #B86853

  • CMYK 0, 43, 55, 28

Hudfarge 5

  • HEX #E09D7B

  • CMYK 0, 30, 45, 12

Hudfarge 4

  • HEX #FBD9A5

  • CMYK 0, 14, 34, 2

Hudfarge 4

  • HEX #F7C9BE

  • CMYK 0, 19, 23, 3

Ikonstil

Ikonene viderefører også designkonseptet vårt. De er tegnet for å fungere spesielt godt for UI/UX og gjør seg i tillegg meget godt på trykte flater. Stilen gjør det enkelt å utvikle nye ikoner ved behov, og den egner seg også godt til bevegelse. Ikonene er inspirert av Material design fra (https://fonts.google.com/icons).

Last ned ppt med alle ikoner
190121_ikoner-oversikt-20
150121_nhn_ikoner-19

Grid

artboard-1-copy-34
artboard-1-copy-392

24x24 pixel-grid

Linjer

Former

artboard-1-copy-31
artboard-1-copy-32
artboard-1-copy-33
070121_ikoner_strrelse

Fotostil

Profilbærende foto har et bredt bruksområde og skal kunne kommunisere ulike temaer som er relevante for Norsk helsenett. De skal ikke være prangende og ta oppmerksomheten bort fra innholdet, men skal støtte opp under og gi liv til saker eller artikler. Fotoene skal fokusere på mennesker og teknologi. 


Gjennom nære og empatiske bilder, viser vi at Norsk helsenett knytter Helse-Norge sammen. Vi forteller historiene våre med en visuell tilnærming; uansett hvor komplisert emnet er, forsøker vi å finne engasjerende, ekte og relevante foto.


· Våre foto bør være i farger

· Klærne til modellene kan/bør harmonere med vår fargepalett

· Nøytrale og tidløse klær på modeller er å foretrekke

· Modellene bør ha "naturlig" sminke

· Naturlig lys skal benyttes i fotoene

· Vi streber alltid etter naturlige situasjoner. Vi prøver å unngå oppstilte eller unaturlige situasjoner 

· Vi har fokus på mangfold og inkluderingsprinsipper i våre fotomotiv

· Vi holder oss unna overdreven grading og hard redigering. Vi ønsker ekte og ærlige foto 

· Vi forsøker å styre unna stock-foto 

nhn_internsamling_2022_x5a4852
nhn_moterom_211021_s2a4936
nhn_datasenter_dora_x5a4174
os_s2a1078
illustrasjonsfoto-ansatte-60
oslo-vv1-september-2022_x5a3234
oslo-vv1-september-2022_s2a7850
oslo-vv1-september-2022_s2a7574
os_s2a0964

Co-branding


Når logoen vår brukes sammen med andre logoer, skal den alltid benyttes i sort eller hvit, avhengig av bakgrunnen. Når Norsk helsenett er ansvarlige for oppsett av co-branding, gjelder dette prinsippet også for andre logoer som benyttes.

nhn_co-branding_4x

Minimum avstand

nhn_co-branding_4x_spacing

Maler

Videomal

Supring er responsiv basert på lengden på navnet. 


Malene for åpningsplakat og lower third er i formatet MOGRT og lastes inn i Premiere Pro via Essential Graphics-panelet. Malene kan også brukes i After Effects. Adobes bruksanvisning finner man her.

Last ned

PowerPoint-mal

ppt-i-display-1
ehin_barekraft_1
ppt-i-display-2
strategisk-handlingsplan_barekraft-s-29
helsenettet-1
strategisk-handlingsplan_barekraft
Last ned
tips-og-triks_6
tips-og-triks_7

Wordmaler

skjermbilde-2021-03-26-kl-104624
Last ned

Konvoluttmaler

konvolutter2
Last ned
konvolutter

Rapportmal

rapportmal


Last ned

Profilen i bruk og inspirasjon

Webside

nhnno

Eksempel på

nyhetsbrev

microsoftteams-image-17

Brosjyre

brosjyre

Årsrapport 

aers-og-barekraftsrapport-2022-forside
aers-og-barekraftsrapport-2022-innhold
aers-og-barekraftsrapport-2022-side-3
aers-og-barekraftsrapport-2022-side-35
aers-og-barekraftsrapport-2022-side-36
aers-og-barekraftsrapport-2022-side-5

Redegjørelse 

redgjcrelse-etter-aepenhetsloven-2023
redgjcrelse-etter-aepenhetsloven-2023-side-3

Rollup

rollups-4-ulike

T-skjorter

t-shirt-front-23
t-shirt-back-13
t-shirt-front-24
t-shirt-back-14

Kaffekopp

nhn_kopper_s2a4191

Nøkkelbånd

nokkelband


Layout forside

forside-a4-40
forside-a4-46
forside-a4-47

Plakater

140121_billboard-2_ny
140121_billboard-1
billboard-2_ny
billboard-5

3D-eksempler

sdg_nhn_visuell_identitet_301120_page_027
sdg_nhn_visuell_identitet_301120_page_028

Norsk helsenett © 2021

Digital profilhåndbok


Utviklet i samarbeid med Scandinavian Design Group

Til toppen