Profilmanual for Alut

Om profilen

Alut har sammen med samarbeidspartner Designu utviklet en visuell identitet for selskapet.

Profilhåndbok viser retningslinjer for bruk av profilen. Det viktigste med en god profil er å følge den konsekvent.

Gjøres det riktig, kommer merkevaren til å være tidløs og bli husket.

Alle profiler

Logo

Logoen er det viktigste kjennemerket og bedriftens ansikt utad.

Hovedlogoen skal være den primære logoen. Det vil si, det første kunden ser.

For å opprettholde gjenkjennelse og bygge en sterk merkevare, skal AKSA logoen alltid se ut som vist nedenfor. Det vil si, symbolet og bokstavformene skal aldri endres, og skal følge profilens retningslinjer.

Bruk av logo

Det er laget 4 logofiler, 3 individuelle logo per selskap og en felleslogo.
Felleslogo brukes der det er hensiktsmessig – det vil si i kommunikasjon der man skal promotere felles behov, dette for eksempel på felles markedsføringsmateriale som buff, klær, etc.

Ellers skal den aktuelle logo brukes for hvert individuelt selskap

Alut primær

Primær versjonen brukes på lyse og nøytrale bakgrunner. Sørg for tilstrekkelig kontrast og luft rundt logoen, slik at den fremstår tydelig og profesjonell.

Alut sekundær

Alut sekundær, lys variant

Den lyse varianten av sekundær versjonen brukes på mørke flater eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.

Last ned hovedlogoer

Ikoner

Et ikon er kortversjonen av en logo. Den kan brukes på Facebook, eller som et element på for eksempel giveaways.

‍Ikon skal ikke brukes som erstatning for hovedlogoen.

Primær

Primær versjonen brukes på lyse og nøytrale bakgrunner. Sørg for tilstrekkelig kontrast og luft rundt logoen, slik at den fremstår tydelig og profesjonell.

Sekundær

Sekundær versjonen brukes på mørke flater eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.

Last ned ikonpakke

Kjennemerke

En del av Alta Kraftlag logo brukes som et kjennemerke for AKSA, for å bygge en bro mellom Alta Kraftlag og AKSA.

‍Kjennemerke skal ikke brukes som logo alene.

Primær, med symbol

Primær versjonen brukes på lyse og nøytrale bakgrunner. Sørg for tilstrekkelig kontrast og luft rundt logoen, slik at den fremstår tydelig og profesjonell.

Primær, uten symbol

Sekundær, med symbol

Sekundær versjonen brukes på mørke flater eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.

Sekundær, uten symbol

Last ned kjennemerke

Hvordan velge filtype

Kort fortalt. Bruk jpg til fotografier og bilder uten behov for transparens, png når bildet krever transparent bakgrunn eller skarpe kanter (som logoer og ikoner), og webp der lav filstørrelse og rask lastetid er viktigst, for eksempel på nettsider.

Trykk

JPG

Joint Photographic Group er et rasterformat som ofte brukes til fotografier på nettet. JPEG-filer er nettvennlige fordi filene vanligvis er mindre. Ulempen med JPEG-er er at den originale kvaliteten på bildet reduseres ettersom den forkaster digital informasjon gjennom komprimering for å holde bildestørrelsen liten.

PDF

Portable Document Format er et plattformuavhengig distribusjonsformat, både for visning på skjerm og til trykk. Filene kan åpnes på de aller fleste datamaskiner, og sendes til trykk uten tap av kvalitet. PDF betraktes vanligvis som et sluttformat som ikke kan bearbeides videre.

Web

PNG

Portable Network Graphics er et punktgrafikk-format som brukes i stedet for jpg der det er behov for transparent bakgrunn. Filene kan skaleres ned, men vil tape kvalitet dersom man skalerer originalfilen opp.

WEBP

WebP er et moderne bildeformat som kombinerer fordelene til JPG og PNG. Formatet gir betydelig mindre filstørrelse enn tradisjonelle formater ved samme visuelle kvalitet, og støtter både transparent bakgrunn og komprimering med eller uten kvalitetstap. WebP bør brukes der rask lastetid på nettsider er viktig, og er godt egnet som erstatning for både jpg og png i nettpubliseringer.

Ved bruk av WEBP, benytt PNG som originalfil og konverter etter ønsket kvalitet.
Verktøy som Squoosh kan benyttes for dette.

Minimumstørrelse

For å være sikker på at logoen er synlig på alle flater, har vi definert en minimumsstørrelse
‍
Minimumstørrelse:
‍
Minimumsstørrelse i trykksaker er 3 mm høyde.
‍
Minimumsstørrelse på skjerm er 35 punkters (px) høyde.

Beskyttelsesområde

Logo skal alltid brukes med et beskyttelsesområde. Dette er for å sikre at den står alene og vises godt.
Minimum avstand fra andre elementer beregnes til 50 % av logoens høyde, men gjerne mer.

Ukorrekt bruk

Det er aldri lov å endre på logofilene. Bedriften skal alltid framstå på en enhetlig og konsistent måte.Bruk alltid originalfiler. Unngå feilene som er vist under.

Aldri endre logoens proporsjoner.

Ikke legg til skygge eller andre effekter.

Logo skal ikke brukes i andre farger.

Logo skal ikke roteres.

Pass på å ha god oppløsning.

Aldri legg til forskyvet kant eller boks rundt logoen.

Grafiske elementer

Grafiske elementer sørger for å gi merkevaren spillerom og mulighet til variert bruk tilpasset målgruppe og formålet.

Følg og bruk eksisterende grafiske elementer for å sikre gjenkjennbarhet over tid.

Ensfarget pil

Disse kan brukes i forskjellige varianter. Se profil i bruk for inspirasjon.

Strek pil

Last ned elementer

Fargepalett

Logofargene Loppa, Kvænangen og Samfunn brukes hyppig for å knytte sammen det visuelle uttrykket, men skal aldri brukes som bakgrunnsfarge bak en fargelogo, da må monokrom logo benyttes i stedet. De kan for eksempel brukes innvendig på bygg, på klær og på store flater.

Bruksfargene Alta og Framtid brukes som bakgrunns- og skriftfarge etter behov (for eksempel «Alta» som bakgrunn med «Framtid» som skriftfarge), mens kontrastfargene Bærekraft og Utvikling brukes minst og gjerne til variasjon i PowerPoint, web og andre flater.

Alle fargene i paletten kan brukes i 100 % eller i definerte prosenter.

Alut blå

Hex: #021D49

‍Cmyk: C100/ M90/ Y42/ K44

‍Rgb: R2/ G29/ B73

‍Pantone: 2768

Alut lilla

Hex: #60269E

‍Cmyk: C80/ M91/ Y0/ K0

‍Rgb: R96/ G38/ B158

‍Pantone: 267

Alut hvit

Hex: #F9F9FD

‍Cmyk: C3/ M2/ Y0/ K0

‍Rgb: R249/ G249/ B253

‍Pantone: 99-1

Denim

Hex: #0068C3

‍Cmyk: C87/ M56/ Y0/ K0

‍Rgb: R0/ G104/ B195

Steel blue

Hex: #428AB8

‍Cmyk: C74/ M35/ Y13/ K1

‍Rgb: R66/ G138/ B184

Red violet

Hex: #83179B

‍Cmyk: C67/ M93/ Y0/ K0

‍Rgb: R131/ G23/ B155

Lavendel

Hex: #9999DD

‍Cmyk: C46/ M40/ Y0/ K0

‍Rgb: R153/ G153/ B221

Classic rose

Hex: #FFE9E9

‍Cmyk: C0/ M13/ Y6/ K0

‍Rgb: R255/ G233/ B233

Typografi

Work Sans er Aluts primærfont og skal brukes til alt av kommunikasjon.

‍Husk at litt variert bruk av typografi er med på å skape spennende utrykk, som vil fange oppmerksomhet.

‍Fonten er distribuert av Google fonts og er en gratis nedlastbar font.

Work Sans

Work Sans er en moderne sans-serif font med et rent, funksjonelt uttrykk som gir god lesbarhet både på skjerm og i trykk. Den har en grotesk-inspirert formgivning med stor x-høyde og enkle, tydelige bokstavformer optimalisert for tekst i mellomstore størrelser.

Last ned fontfil

Hiearki, web

Skrifttegn

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, Ææ, Øø, Åå

Overskrift
500, medium
Linjeavstand 1.1
2.5–4.5 REM

Lorem ipsum

Ingress
500, medium
1.25–1.5 REM

Lorem ipsum

Overtittel
500, medium
0.7–0.875 REM, CAPS
Bokstavavstand, 0.1 EM

Lorem ipsum

Brødtekst
400, regular
0.9–1 REM

Lorem ipsum

Hiearki, for print

Typografihierarki med eksempler på tekst i Work Sans font i ulike stiler og størrelser: Overskrift i Work Sans Bold 36 pt, Ingress i SemiBold 18 pt med linjeavstand 20 pt, løpende tekst i Regular 12 pt med linjeavstand 14 pt, uthevet tekst i Bold Italic 21 pt med linjeavstand 25 pt med en kildehenvisning i Italic 10 pt, mellomtittel i Bold 14 pt, bildetekst i Light 13 pt og fotnoter/kildehenvisning i Italic 10 pt, alle med angitt linjeavstand der det er relevant.

Erstatningsfont

I de tilfeller der Work Sans ikke er tilgjengelig, og ved bruk av Microsoft Office-maler, brukes erstatningsfonter.

Corbel

Corbel er standard skrifttype på de fleste datamaskiner og krever ikke installering. Bruk Corbel ved produksjon av sakspapirer og interne dokumentmaler i Microsoft Office. Corbel finnes i Regular, Italic, Bold og Bold Italic.

Hiearki, for print

Eksempel på typografihierarki med ulike tekststiler og størrelser i Corbel-skrifttype: Overskrift i Corbel Bold 36 pt, ingress i Corbel Bold 18 pt med linjeavstand 20 pt, løpende tekst i Corbel Regular 12 pt med linjeavstand 14 pt med eksempeltekst, uthevet tekst i Corbel Bold Italic 21 pt med linjeavstand 25 pt, med kildehenvisning i Corbel Italic 10 pt, mellomtittel i Corbel Bold 14 pt med løpende tekst i Corbel Regular 12 pt, bildetekst i Corbel Regular 13 pt og fotnoter/kildehenvisning i Corbel Italic 10 pt med linjeavstand 14 pt.

Universell utforming

Det er viktig for bedriften å ivareta interessene til alle våre brukergrupper, derfor er det også viktig med universell utforming av alle typer virkemidler.

Lesbarhet

God lesbarhet bør alltid være en prioritet, uansett hvilken flate teksten vises på.
Brødtekst bør ha en skriftstørrelse på minimum 16 px (1 rem) på skjerm, og ikke gå under 14 px. På trykksaker anbefales minimum 12 pt for løpende tekst.
Mindre tekst, ned mot 12 px eller 10 pt, kan brukes til fotnoter, kildehenvisninger og lignende støtteinformasjon, men bør unngås der brukeren er avhengig av å lese teksten.
Tekst skal kunne skaleres opp til 200 % i nettleser uten at innhold eller funksjonalitet går tapt (WCAG 1.4.4).

Kontrast og luft

Kontrasten mellom tekst og bakgrunn skal minimum tilfredsstille WCAG AA, det vil si 4,5:1 for normal tekst og 3:1 for store overskrifter (24 px og oppover, eller 19 px og oppover i fet skrift).
Vær ekstra oppmerksom på hvordan tekst fremstår på fargede flater eller over bilder, og test gjerne kontrasten før publisering.
God luft og linjeavstand gjør innholdet lettere å lese og navigere i, også for personer med lese eller synsvansker. En linjeavstand på minimum 1,5 ganger skriftstørrelsen anbefales i brødtekst.
Unngå å presse for mye informasjon inn på små flater.

Vær konsekvent

Bruk konsekvent skriftstørrelser, uthevinger, marger og luft på tvers av plattformer og medier, enten det er web, trykk eller skjerm. Det gjør innholdet mer forutsigbart og lettere å oppfatte.
Begrens gjerne antall typografiske stiler og varianter, og hold deg til definerte størrelser for overskrifter, brødtekst, fet og kursiv skrift.
Bruk små bokstaver fremfor VERSALER i løpende overskrifter, siden det som regel er raskere å lese. Store bokstaver kan brukes bevisst i korte, avgrensede elementer som overtitler, men bør unngås i lengre setninger.
Kursiv bør i hovedsak brukes til å utheve enkeltord eller korte setninger, ikke lengre avsnitt.

Web

Alta Kraftlags nettsider skal følge kravene i forskrift om universell utforming av IKT løsninger. Som privat virksomhet gjelder WCAG 2.0 nivå A og AA som minstekrav, men vi legger oss på WCAG 2.1 nivå AA som standard i det vi utvikler, for bedre støtte til brukere med kognitive og synsrelaterte utfordringer.

Ift krav, følges retningslinjer fra uutilsynet.

Dette innebærer blant annet at:

Bilder og ikoner skal ha alternativ tekst.
Innhold skal kunne betjenes med tastatur alene, uten mus.
Overskrifter, lenker og skjemafelt skal være riktig kodet slik at skjermlesere kan tolke dem korrekt.
Fargekontrast og skriftstørrelse skal følge retningslinjene beskrevet over.

Profil i bruk

Her vises noen eksempler på hvordan profilen settes sammen i praksis, fra arbeidstøy og dokumenter til digitale flater. Bruk dette som veiledning når du skal produsere nytt materiell, eller ta kontakt med oss dersom du er i tvil.