Retningslinjer for bruk av logo – Fjordane Isolering

Logoversjonar

Fjordane Isolering har to hovudversjonar av logoen:

Positiv versjon (svart) – Hovudlogoen som skal brukast som standard på lyse bakgrunnar og kvite flater.

Negativ versjon (kvit) – Skal brukast på mørke bakgrunnar, bilete med låg lysstyrke, eller der positiv versjon ikkje gir tilstrekkeleg kontrast.

Bruksområde på nettsida

Header/navigasjon:

• Bruk positiv versjon (svart) på kvit eller lys bakgrunn

• Bruk negativ versjon (kvit) dersom header har mørk bakgrunn eller bilete

Footer:

• Ofte negativ versjon (kvit) dersom footer har mørk bakgrunn

• Positiv versjon (svart) dersom footer er lys

Over bilete:

• Vurder kontrast mot bakgrunnen

• Bruk negativ versjon (kvit) på mørke bilete

• Bruk positiv versjon (svart) på lyse bilete

• Vurder mørk/lys overlegg (overlay) for å sikre god lesbarheit

Plassering og luft

• Hald minst 1x bokstavhøgda på "F" som frisone rundt logoen

• Logoen skal ha god plass å puste – ikkje trykk inn i hjørne eller mot andre element

• I header: Plasser gjerne logoen til venstre med tilstrekkeleg margin (typisk 20-40px frå kant)

Minimum storleik

Desktop: Minimum 180px breidde
Mobil: Minimum 140px breidde

Dette sikrar at logoen er lesbar og opprettheld merkevareidentiteten.

Bakgrunnsfarger

Positiv versjon (svart) fungerer godt på:

• Kvit (#FFFFFF)

• Lys grå (#F5F5F5 eller lysare)

• Andre svært lyse fargar med høg kontrast

Negativ versjon (kvit) fungerer godt på:

• Sort (#000000)

• Mørk grå (#333333 eller mørkare)

• Mørkeblå, mørk grøn eller andre mørke fargar

• Fargefotografi med låg lysstyrke

Filformat for web

• PNG med gjennomsiktig bakgrunn for fleksibilitet (bruk versjonane utan ekstra mellomrom)

• SVG-format er optimalt for skarp visning i alle storleikar (kan konverterast frå PNG om nødvendig)

• Bruk komprimerte filer for raskare lasting

Ikkje gjer dette

• Ikkje strekk eller vri logoen – behald alltid proporsjonen

• Ikkje endre typografi eller font

• Ikkje legg til skugge, kontur eller andre effektar

• Ikkje bruk logoen på bakgrunnar med dårleg kontrast

• Ikkje plasser logoen på travle eller uryddig bakgrunnar utan overlay

• Ikkje roter logoen

• Ikkje endre farge på logoen (berre svart eller kvit)

Responsiv tilpassing

På mindre skjermar (mobil):

• Reduser storleik proporsjonalt

• Hald god margin og luft rundt

• Sikre at logoen framleis er lesbar ved minimum 140px breidd

• Vurder plassering sentrisk dersom det fungerer betre på mobil

Tilgjengelegheit

• Sørg for alt-tekst: "Fjordane Isolering – logo"

• Test lesbarheit på ulike skjermstorleiker