Profilmanual for alta kraftlag
Om profilen
Alta Kraftlag 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.
Konseptet bak profilen
Alta Kraftlag 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.
I utvikling av den nye logoen, ble det tatt utgangspunkt i diamanten fra den gamle logoen. De nye elementene baserer seg på konseptet «Bærekraftig samfunnsutvikling».
Konseptet legger til bunn samfunnsansvaret Alta Kraftlag har tatt på seg, ved å dekke primærbehov samt tilrettelegge for en bærekraftig framtid.
Ikonet er basert på Newtons vugge med overføring av kraft fra den ene enden til den andre.
Alta Kraftlag tilfører samfunnet kraft, energi og samfunnskritiske tjenester, som har positive effekter helt ut til distriktene.
Hovedlogo
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 Alta Kraftlag-logoen alltid se ut som vist nedenfor. Det vil si, symbolet og bokstavformene skal aldri endres, og skal følge profilens retningslinjer.
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 som eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.
Monokromlogo
Monokromlogoen er det siste alternativet som kan brukes. Denne kan anvendes i situasjoner der hovedlogoen og sekundærlogoen ikke fungerer optimalt, for eksempel på trykte produkter, stempler, eller arbeidsklær.
Den består av de samme elementene som hovedlogo og sekundærlogo, og følger de samme reglene for bruk.
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 som eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.
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.
Primær, monokrom
Sekundær
Sekundær versjonen brukes på mørke flater som eller fotografier med mørke områder. Bruk denne varianten når fullfargelogoen ikke gir god nok lesbarhet.
Sekundær, monokrom
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.
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.
Minimumsstørrelse i trykksaker er 3 mm høyde.
Minimumsstørrelse på skjerm er 40 punkters (px) høyde.
Beskyttelsesområde
For å være sikker på at logoen er synlig på alle flater, har vi definert en minimumsstørrelse.
Minimumsstørrelse i trykksaker er 3 mm høyde.
Minimumsstørrelse på skjerm er 40 punkters (px) høyde.
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.
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.
Loppa
Hex: #004FB5
Cmyk: C93/ M69/ Y0/ K0
Rgb: R0/ G79/ B181
Kvænangen
Hex: #2B79E6
Cmyk: C80/ M52/ Y0/ K0
Rgb: R43/ G121/ B230
Samfunn
Hex: #8CC2FF
Cmyk: C47/ M16/ Y0/ K0
Rgb: R140/ G194/ B255
Alta
Hex: #022A60
Cmyk: C100/ M87/ Y36/ K26
Rgb: R2/ G42/ B96
Framtid
Hex: #E3EAFE
Cmyk: C13/ M7/ Y0/ K0
Rgb: R227/ G234/ B254
Bærekraft
Hex: #89CE3B
Cmyk: C53/ M0/ Y89/ K0
Rgb: R137/ G206/ B59
Utvikling
Hex: #889CB5
Cmyk: C51/ M32/ Y18/ K4
Rgb: R136/ G156/ B181
Typografi
Mulish er Alta Kraftlags 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.
Fontene er distribuert av Google fonts og er en gratis nedlastbar font.
Mulish
Mulish er en moderne sans-serif font med et rent, minimalistisk uttrykk som gir god lesbarhet både i digitale flater og trykk. Den har en luftig, geometrisk formgivning med lave x-høyder og enkle bokstavformer.
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
600, bold
Linjeavstand 1.1
2.5–4.5 REM
Lorem ipsum
Ingress
600, bold
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
Erstatningsfont
I de tilfeller der Mulish ikke er tilgjengelig, og ved bruk av Microsoft Office-maler, brukes erstatningsfonter.
Tenorite
Tenorite er standard skrifttype på de fleste datamaskiner og krever ikke installering. Bruk Tenorite ved produksjon av sakspapirer og interne dokumentmaler i Microsoft Office. Tenorite finnes i Regular, Italic, Bold og Bold Italic.
Hiearki, for print
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.
Flagg, primær
Flagg, sekundær
Penn, alternativ 1
Penn, alternativ 2
Bildestil
Her vises noen eksempler på hvordan profilen presenteres gjennom bruk av bilder.
.webp)
.webp)
