Denne siden er dessverre kun tilgjengelig på PC/Mac enn så lenge.

Oppdatering kommer før du vet ordet av det!

Verktøykasse

Her finner du alt du trenger for å få oversikt over elementene som identiteten består av.

En visuell identitet er
ikke bare en logo.

En visuell identitet består av en rekke elementer. Disse elementene gir merkevaren et særegent utseende som skaper gjenkjennelse. På denne siden finner du en kort beskrivelse av disse elementene og hvordan de brukes til å designe materiell for Hørselshemmedes Landsforbund.

Logoen er som organisasjonen: stødig og vennlig. Formene i symbolet er inspirert av øret, og logoen danner en «H» for Hørselshemmedes Landsforbund.

Logoen brukes som hovedregel i sin helhet. Dette er viktig for å bygge kjennskapen til Hørselshemmedes Landsforbund. Logosymbolet alene brukes kun der konteksten er svært tydelige på at det er Hørselshemmedes Landsforbund som er avsenderen, eller på elementer der bruk av hele logoen skaper utfordringer, som for eksempel på pins.

Les mer om bruken av navnet vårt i løpende tekst her.

Sort/hvitt – OBS: Skal kun brukes der farge ikke er mulig!

System for underlogoer til datterselskaper og fylkeslag

For at kontrasten skal være god nok, bruk kun den oransje logoen på de lyseste bakgrunnsfargene i profilen.

Logo

Typografi

Titler

Brødtekst

Microsoft

Commuters Sans er brødtekstfonten. Den brukes til brødtekst, punktlister og bildetekster.

I Microsoft-programmene er det valgt andre, mer tilgjengelige fonter, slik at det skal være lett å bruke for så mange som mulig. Der brukes Georgia (Normal) som tittelfont, og Avenir Next (Regular) som brødtekstfont. Dette ligger inne i alle Microsoft-maler, som Word og PowerPoint.

GT Super er tittelfonten

Den skal brukes til titler, mellomtitler, sitater og ingresser.

Fontpaletten består av to ulike fonter. Disse gir både tyngde, varme og enkelhet til den visuelle identiteten. Serif-fonten GT Super brukes som tittelfont, mens sans seriffen Commuters Sans brukes som brødtekstfont.

Merk at tekst som hovedregel skal settes i den mørkeblå fargen. Se alle fargekoder i fargeseksjonen.

Farger

Husk god nok kontrast. Legg merke til at sort og hvitt ikke er i bruk. Bruk den mørkeste og den lyseste fargen for et mykere uttrykk.

Hovedfarger

Bakgrunnsfarger

#C7E7FF

CMYK: 22, 9, 0, 0

RGB: 199, 231, 255

#EBF7FF

CMYK: 100, 100, 100, 19

RGB: 23, 234, 255

#F1774F

CMYK: 0, 48, 64, 5

RGB: 241, 119, 79

#FFECDB

CMYK: 100, 100, 100, 19

RGB: 23, 234, 255

#FFB88F

CMYK: 0, 28, 44, 0

RGB: 255, 184, 143

#F3F6F8

CMYK: 100, 100, 100, 19

RGB: 23, 234, 255

#134357

CMYK: 27, 8, 0, 66

RGB: 19, 67, 87

#FFFEFB

CMYK: 100, 100, 100, 19

RGB: 23, 234, 255

Farger

Fargepaletten er tydelig og vennlig. Legg merke til at sort og hvitt ikke er en del av paletten. Tekst er i hovedsak mørk blå, og bakgrunnsfargen er lys.

Hovedfarger

Bakgrunnsfarger

Former

Formene er en viktig del av den visuelle profilen. De skaper gjenkjennelse og bidrar i stor grad til det myke uttrykket.

Formene kan du skape selv, men her er noen tips og triks:

Det er utstrakt bruk av avrundede former, men de skal ikke være overalt. Se over eksemplene og nettsiden, og prøv å gjenskap samme bolde balanse.

Som hovedregel skal én av sidene være godt (!) avrundet. Ved behov kan du avrunde flere.

Formene kan brukes til for eksempel bilderammer eller grafiske elementer som ensfargede bakgrunner. Enten én av de eller begge. De kan også brukes i fysiske elementer eller som ikoner (se hjerteikon til venstre).

Mengde avrunding er avhengig av størrelsen på elementet du lager, og hvordan du skal bruke det. Se under for noen eksempler av formbruk, eller se nederst på siden for enda flere eksempler av profilen i bruk.

Illustrasjon

De lette og varme illustrasjonene bidrar til et vennlig og personlig uttrykk. De er laget av den britiske illustratøren Charlotte Trounce, som stort sett arbeider med maling og oljepasteller.

Flere illustrasjoner kan bestilles etter behov.

Foto

Bildene skal kommunisere fellesskap, varme og mangfold i organisasjonen. De viser hverdagslige, men viktige situasjoner. Vi bruker i hovedsak personer med hørselsutfordringer som modeller.

Fotograf er Ida Bjørvik. Flere foto kan bestilles etter behov.

Ansattefoto er enklere, og blir tatt på lyseblå bakgrunn. Ta kontakt med fotograf Ida Bjørvik ved nyansettelser.

Digitalt

Tekststiler

Knapper

Ikoner

Listetyper

Firkantene knapper brukes til lenker.

↓     lenger ned på siden

→    intern lenke

↗    ekstern lenke

Avrundede knapper brukes til andre funksjoner som «Bli medlem» eller «Send e-post».

E-post-knapp bruker ikon.

Navigasjon

Default

Hover

Bruk

Fargevariasjon i knapper

Det er laget en rekke ikoner for bruk på hlf.no og tilhørende sider. Se i mappen for filer.

Margin

Bruk blå knapper på oransje bakgrunn og oransje knapper på blå bakgrunn.

Dersom du skal bruke to knapper samtidig, bruker du en av hver.

På hvit bakgrunn ser du an hvilken knapp som gir størst variasjon mot elementene rundt.

Topp og bunn: 20 px

Venstre og høyre: 40 px

H1

GT Super medium

64/80

H2

GT Super medium

35/50

H3

GT Super medium

22/32

Ingress

Commuters Sans regular

22/36

Brødtekst

Commuters Sans regular

16/28

Det er viktig å være bevisst på brukervennlighet. Bruk derfor et kontrastverktøy for å sikre god nok kontrast.

Bli medlem

Send e-post

→

Tittel    ↓

Bli medlem

Send e-post

Bli medlem

Send e-post

→

Tittel    ↓

Bli medlem

Send e-post

Maler

Det er utarbeidet flere maler, blant annet for e-post-signatur og brosjyrer.

Eksempler

Inspirasjon til uttak i det fysiske rom. Bilder hentet fra Pinterest.

Under ser du flere eksempler på profilen i bruk. Bruk disse som retningslinjer og inspirasjon for videre utvikling.

Lykke til med å ta profilen i bruk!

Kontakt gjerne Hørselshemmedes Landsforbund eller Vild ved spørsmål om profilen eller filer.