Visuell
identitet
Oppdatert desember 2021
Introduksjon
Velkommen til designmanualen til foto.no. Denne presenterer den nye visuelle identiteten til foto.no og fungerer som en verktøykasse, og etablerer regler for hvordan merkevaren skal fremstå tydelig og konsekvent på alle flater og medier.
Alle som skal lage grafisk eller digitalt materiale for foto.no forplikter seg til å lese disse retningslinjene, overholde beslutningene og sørge for at foto.no alltid fremtrer gjenkjennelig.
Merkevareplattform
Merkevareplattformen til foto.no er en strukturert fremstilling av vår identitet som viser hvordan vi fremstår for omverdenen.
Identitetskonsept – Glød
Den visuelle identiteten til foto.no er bygget på identitetskonseptet «Glød». Dette er en visuell dramatisering av merkevareplattformen.
«Hos foto.no ser vi det som vår viktigste oppgave å gjøre kundene våre i stand til å skape de bildene og filmene de drømmer om. Som «glødende utløser» gjør vi det mulig å utvikle seg som fotograf ved at vi inspirerer og deler av kunnskapen vår. Vi står i sentrum av et nettverk av entusiaster og skaper møtepunktene hvor kunnskap og lidenskap for faget kan deles og få vokse. Vi brenner for foto, og vi går på jobb hver dag for å vekke den samme gløden hos våre kunder.»
Logo
Logoens hovedoppgave er å være en tydelig avsender, i både store og små størrelser, slik at foto.no alltid oppleves likt.
Horisontal logo
På de aller fleste flater vil det være horisontal logo som brukes. Denne skal vises på kremfarget bakgrunn.
I de tilfellene det er behov for horisontal logo i positiv eller negativ versjon må markedsavdelingen kontaktes.
Vertikal logo
Vertikal logo kan brukes på de flatene hvor horisontal logo ikke fungerer optimalt.
Vertikal logo finnes i farger og i positiv og negativ versjon.
For å få tilgang til vertikal logo må markedsavdelingen kontaktes.
Symbol
I enkelte tilfeller vil ikke horisontal eller vertikal logovariant fungere optimalt. Da kan symbolet benyttes som enkelstående element.
Dette gjelder kun på flater hvor det kommer godt fram at foto.no er eier av flaten, for eksempel sosial medier.
For å få tilgang til symbolet kontaktes markedsavdelingen.
Beskyttelsesområde
Beskyttelsesområdet definerer minste tillatte avstand til andre elementer på en flate og gjelder både på trykk og digitale flater.
Beskyttelsesområdet tilsvarer overlappingen i symbolet, eller symbolets bredde delt på tre.
Minimumsstørrelse
For at logoen alltid skal være tydelig og lesbar er det satt minimumsstørrelser for trykk og digitale flater. Logoen skal aldri brukes mindre enn de gitte verdier.
Horisontal logo
Trykk: 18 mm bredde
Digitalt: 100 px bredde
Vertikal logo
Trykk: 14 mm bredde
Digitalt: 75 px bredde
Feil bruk av logo
Det er viktig at foto.no alltid oppleves likt uavhengig av flate. Derfor skal man ikke på noen som helst måte gjøre justeringer eller endringer på logoen.
Logoplassering
Man skal primært plassere logoen nede til venstre på formatet, men i de tilfellene dette ikke er optimalt kan logoen plasseres oppe til venstre.
Typografi
Typografi er en viktig bidragsyter for å gi identiteten et karakteristisk og gjenkjennelig uttrykk.
Font
Identitetsfonten til foto.no er Nouvelle Grotesk som ble publisert av Nouvelle Noire i 2020.
Nouvelle Grotesk er en arbeidshest som fungerer godt i små og store størrelser, men samtidig har detaljer som gir karakter og egenart.
Fonten er teknisk, men også varm og vennlig, med klare referanser til formspråket i logoen.
Erstatningsfont
I de tilfellene man ikke kan benytte Nouvelle Grotesk, for eksempel i Microsoft Office-pakken, brukes Arial som erstatningsfont.
Typografi i bruk
Eksempel på bruk av typografi og vekter. Det er kun Normal og Medium som brukes.
Fargepalett
Identitetsfargene gjenspeiler det varme og energiske miljøet hos foto.no. Det er en palett som gir rom for variasjon, samtidig som at den sørger for et enhetlig uttrykk.
Primærfarger
Primærfargene til foto.no er identitetssterke med energi, som underbygger den lidenskapen de har for foto og video.
Oransje og blå er fargene foto.no primært skal gjenkjennes ved og underbygger merkevareplattformens signatur, «Lidenskap for fag, lidenskap for folk.»
De sterke fargene balanseres med to varme, nedtonede farger i form av en mørk blå og en kremfarge.
RAL-farger
Oransje: 2004
Blå: Ikke definert
Rosa: Ikke definert
Gul: 1032
Mørk: 5011
Krem: 1013
Oransje
Rosa
Mørk
Blå
Gul
Krem
Sekundærfarger
Sekundærfargene brukes hovedsakelig som bakgrunner der man ønsker å tilføre farge, men på en rolig og mer subtil måte.
Sekundærfargene er basert på primærfargene og overlappingseffekten i neste seksjon, men redusert i metning.
Lyseblå
Lysegrønn
Lyserosa
Overlappende farger
I mønsteret brukes det en overlapp, med multiply, som skaper et større fargespill uten å tilføre flere farger til paletten.
Vekting av farger
Totalen av fargepaletten gir en tydelig og rik palett som både skaper identitet og støtter merkevarens behov.
For å ivareta opplevelsen av merkevaren er det viktig å følge vektingen av de ulike fargene.
Layout
Oppgaven til layoutsystemet er å sikre at foto.no fremstår enhetlig på alle flater og medier.
Grid og oppbygging
Oppbyggingen av layout er basert på kvadrater med avrundet hjørne. Dette gir en identitetsskapende form som «rammer» inn innholdet og gir en helhet på tvers av kanaler, flater og budskap.
Mønster
Foto.no har et levende og historiefortellende mønster som skaper uante muligheter for kombinasjoner – basert kun på logosymbolet.
Grid
Det er utviklet to størrelserforhold som definerer mengden former. Dette er med på å ivareta rytmen i mønsteret og sørger for at det ikke blir for masete. Selve størrelsen på formene må tilpasses formatet.
7x9 kvadrat i stående eller liggende
Brukes på større formater, hvor bildene og formene ikke blir for små
5x7 kvadrat i stående eller liggende
Brukes på mindre formater
Regler
Mønsteret skal til enhver tid henge sammen, det vil si at ingen former skal stå alene.
Mønsteret skal alltid kombineres med foto, men mønsteret skal spille hovedrollen, ikke foto.
Formen nederst til venstre skal alltid være buet for å gjenspeile logoen og malsystemet.
Unngå å plassere blå og oransje direkte oppå hverandre.
Unngå å plassere for mange like farger oppå hverandre.
Formene skal alltid brukes med multiply-effekt.
Animasjon
Mønsteret er velegnet for animasjon og vil på den måten tilføre et nytt lag til historiefortellingen.
Det er ikke utviklet en animasjonsstil, dette er kun et eksempel for å tydeliggjøring.
Bildestil
Bilder har en viktig rolle i den visuelle identiteten og i kommunikasjonen med alle målgrupper.
Vi benytter et varmt, nedtonet og moderne billedspråk hvor fokus er på lidenskap og fag og folk. Utrykket skal være tilgjengelig, tilstedeværende og engasjert.
Designelementer
Formene i logosymbolet er utgangspunktet for designelementer og bilderammer.
Ikoner
Det er utviklet en enkel ikonstil som brukes for å skape bedre navigasjon og for å tydeliggjøre produkter og tjenester.
Profilnivåer
Man har behov for ulike verktøy ut ifra hvem man skal nå og hva man skal kommunisere. Dette kan sees på som volumknapper for å heve og senke stemmen.
Nivå 1
Vi bruker 100 % av profilen under nivå 1. Dette skal være merkevarebyggende og historiefortellende innhold med foto.no i fokus.
Nivå 2
Nivå 2 bruker en mindre del av verktøyene og skal være salgsutløsende eller informativt. I nivå 1 hvor foto.no skal være i fokus skal man i nivå 2 ha innholdet i fokus, som f.eks. ved en annonse.
Nivå 3
I det siste nivået bruker man kun logo og eventuelt pay-off. Dette er på flater som er rent informative, f.eks. fakturaer.
Designuttak
Handlenett
Handlenettet er produsert av SKG Emballasje i tre ulike størrelser og i kremfarget (BE 031) «non-waven»-materiale.
Profilannonser (eksempel)
Eksempel på profilannonser som tilhører profilnivå 1.
Her brukes mønster og bilder for å bygge identiteten til foto.no og skape en historie.
Salgsannonser (eksempel)
Eksempel på salgsannonser som tilhører profilnivå 2.
Disse annonsene har en ramme rundt som alltid er lik. Innenfor rammen har man mer frihet og kan designe salgsannonser med f.eks. ett produkt eller mange produkter.
Prinsippskisser for visning av mange produkter.
SoMe-story (eksempel)
Eksempel på hvordan man kan brande Instagram-stories. Dette tilhører nivå 1.
SoMe-poster (eksempel)
Prinsippskisse for visning av SoMe-poster i profilnivå 2.
Portal
Landingsportalen til foto.no som tilhører profilnivå 1.
Nettbutikk
Nettbutikken tilhører profilnivå 2. Her kan man se hvordan designelementer kan brukes i form av prisbomber, kampanjebomber og lignende.
Kampanje (eksempel)
Eksempel på kampanje design som er laget basert på eksisterende design.
Dette tilhører profilnivå 2.
Angreskjema (eksempel)
Eksempel på angreskjema og andre elementer som kun er informativt.
Dette tilhører profilnivå 3 hvor kun logo og eventuelt en kort tekst/signatur brukes.
Fotocare
Logo
Foto.no er deleiere i selskapet Fotocare. I tillegg til en egen logo basert på de samme prinsippene som for Foto.no, tar Fotocare i bruk følgende verktøy fra Foto.no sin designmanual for å skape en med nøytral og neddempet, samt helhetlig identitet:
Øvrige farger, mønster, pay-off etc. skal ikke brukes i sammenheng med Fotocare alene. Slik skapes det avstand til Foto.no, samtidig som det er gjenkjennelig og tydelig.