Designveiledning for Aider
Aiders visuelle identitet er laget for å kommunisere selskapets kjerneverdier. Denne veiledningen sikrer riktig og konsekvent bruk av den visuelle identiteten.
Introduksjon
Aider sin visuelle identitet er enkel, stram og tydelig. Den signaliserer at Aider er et seriøst og framoverlent selskap, som jobber helt i forkant med teknologien, for å hjelpe store og små firmaer med å forenkle hverdagen. Samtidig er menneskene alltid i fokus.
Ved å bruke denne designveiledningen og følge reglene vil du være med å formidle dette til omverdenen. Når Aider snakker med en tydelig og konsistent stemme utad, vil merkevaren styrkes.
Grafiske elementer
I dette kapittelet finner du alle Aiders grafiske elementer som logo, farger, typografi og andre desginelementer. Du vil også finne retninglinjer og regler for hvordan disse skal brukes. Når disse reglene blir fulgt vil Aider fremstå enhetlig og gjenkjennelig på tvers av all kommunikasjon og det vil være tydelig hvem som er avsenderen.
Logo
Logoen til Aider er selskapets viktigste visuelle eiendel. Logoen er signaturen til selskapet og en garantist for at innholdet møter Aiders høye standard for kvalitet.
Logoen er typografisk og veldig tydelig i sin enkelhet. I A'en kan man skimte en fjelltopp som henviser til opprinnelsen til navnet; et hjelpemiddel for klatrere. På samme måte er Aider sine tjenester hjelpemidler for andre bedrifter. Strekene i A og R som peker oppover gir også assosiasjoner til vekst og grafer som peker oppover.
Logoen til Aider skal alltid brukes som den er og skal ikke endres. Det er ikke tillatt å endre font, proposisjoner, mellomrom mellom bokstavene eller andre ting ved logoen. Dette for å ikke svekke logoen og merkevaren.
Versjoner
Logoen finnes i to fargeversjoner: Tempo blå og hvit. Den skal ikke brukes i andre farger enn disse.
Unntak gjelder for co-branding, hvor den kan brukes i svart om den står sammen med flere andre logoer i en sammenheng hvor Aider ikke er hovedavsender.
Det gjøres også unntak for skiltprogrammer hvor Aider-logoen står sammen med flere andre skilt, og alle logoene er i samme farge. Der kan Aider-logoen benyttes i samme farges om resten av skiltene.
Det er tillatt å lage logoen i et materiale som har en egen farge, f.eks. tre, metall eller lignende. Da trenger ikke logoen å farges i hvit eller tempo blå, den kan utføres i materialets egen farge.
Bruk
Logoen kan brukes på hvite eller fargede bakgrunner og på bilder. Det er viktig at kontrasten mellom logoen og bakgrunnen er god nok til at logoen synes godt og er lesbar. Hvis logoen plasseres på et bilde, er det viktig at den plasseres på en rolig og nøytral del av bildet hvor det er god kontrast mellom logoen og bakgrunnen. Hvis logoen blir lite synlig når den ligger på et bilde, vurder å forandre oppsettet, bytte bildet, eller bytt til hvit eller tempo blå logo.
Det er ikke tillatt å bruke effekter som drop-shadow, glow, 3D-effekter eller andre effekter på eller bak logoen.
Plassering av logo
Som en hovedregel bør logoen plasseres i et hjørne, eller i midten av et format. Hvis logoen opptrer sammen med andre elementer som bilder, tekst osv, bør den plasseres i et hjørne. Om logoen opptrer alene, eller det er få andre elementer kan den plasseres midt i formatet. Her må man imidlertid bruke skjønn og tilpasse seg til formatet.
Minste størrelse
Aider sin logo har god lesbarhet, også i mindre størrelser, men bør allikevel ikke benyttes mindre enn 20 mm bredde på trykk og 90 px brede på skjerm. Dette sikrer god lesbarhet, og ikke minst synlighet. Unntak kan gjøres for gaveartikler med små flater som penner etc. og små digitale flater som appsymbol, profilbilder på sosiale medier og lignende.
Logoens beskyttelsessone
For å sikre lesbarheten og synligheten til logoen, har logoen til Aider en såkalt beskyttelsessone. Ingen elementer bør plasseres inne i beskyttelsessonen til logoen, og den angir minste anbefalte avstand til kanten av formatet.
Størrelsen på beskyttelsessonen er like høy som A i Aider-logoen på alle sider av logoen.
Co-branding
Aiderlogoen skal noen ganger vises sammen med andre logoer. Det er da visse retningslinjer som bør følges for å sikre at publikum skjønner hvem som er hovedavsender.
Når Aider er hovedavsender
Når Aider er hovedavsender bør Aider-logoen oppleves betydelig større enn de andre logoene på samme flate. Det er to foretrukne måter å vise logoene på. Logoene kan settes på linje nederst i formatet. Da bør det være litt avstand mellom Aider sin logo og de andre logoene, for å fremheve at Aider er hovedavsender.
Man kan eventuelt plassere Aider-logo som vanlig (beskrevet i avsnittet over om logo), og logo til samarbeidspartner i en sirkel. Der kan man også bruke en hjelpetekst som f.eks. «I samarbeid med:»
Aiderlogoen skal her brukes i en av de godkjente versjonene.
I skiltprogrammer og sammenstillinger av flere logoer, der alle er likeverdige
I skiltprogrammer kan Aider sin logo følge fargen og materialet i skiltprogrammet om det betyr at alle logoene i programmet får lik utførelse. Om alle logoene i et skiltprogram f.eks. er svarte, i rustfritt stål eller en annen farge som avviker fra logoreglene beskrevet i denne manualen er det tillatt.
Noen ganger vil Aider-logoen være en del av en sammenstilling av flere likeverdige logoer, f.eks. på en logo-vegg på et arrangement, på en nettside, hvor man viser flere partnere eller i en annonse med mange avsendere. Aiderlogoen kan da brukes i samme farge og utførelse som de andre logoene i denne sammenstillingen, selvom det avviker fra logoereglene i denne manualen.
Aider-A
A i Aider-logoen kan brukes som et frittstående element. Denne bør kun brukes til gaveartikler som kopper, T-skjorter etc. og som profilbilde i sosiale medier. Den bør ikke brukes i kommunikasjon som annonser, bannere etc.
Aider-A bør kun brukes i tempo blå eller hvit.
Farger
Aider sin fargepalett består av flere blåfarger som går mot grønt, en varm gul og en nøytral sandfarge. Fargene er seriøse, men ikke konservative. Friske, men ikke lekne. Dette underbygger Aider som et seriøst og fremoverlent selskap som er på vei inn i fremtiden, samtidig som de har stor faglig tyngde.
Fargepaletter for Adobe-programmene (ASE-filer) kan lastes ned ved å klikke på knappen under
Dyp Turkis
Tempo Blå
Aqua
Isblå
Sand
Varm gul
Hvit
Svart
Fargebruk
Hovedinntrykket til Aider skal være blått. Dyp turkis, tempo blå og isblå kan derfor brukes ubegrenset på forsider, i annonser og andre steder.
Sand kan brukes alle steder, men hovedinntrykket til Aider skal være
blått, så bruken bør begrenses på forsider og i annonser.
Aqua og varm gul er aksentfarger. Ingen av disse bør være den fargen som brukes mest på forsider, men kan gjerne være med for å friske opp uttrykket. Unntaket er til spesielle anledninger som f.eks. på påskekort eller sommerhilsner. Da passer det fint å bruke varm gul på en stor del av forsiden.
På innsider i brosjyrer eller ppt slides, kan begge fargene brukes som bakgrunnsfarge på hele siden.
Svart bør kun brukes til tekst. Hvit kan brukes til tekst, logo og bakgrunner for tekst.
Gaveartikler som t-skjorter, handlenett, ryggsekker etc. kan være svarte eller hvite med trykk i en profilfarge.
Fargekombinasjoner
Alle fargene til Aider harmonerer godt, og kan kombineres. Men aksentfargene varm gul og aqua bør ikke brukes ved siden av hverandre, da begge er sterke farger som brukes for å stå ut. De vil krangle om oppmerksomheten og slå hverandre ihjel istedenfor å stå ut. De bør derfor ikke brukes sammen for å sørge for et rent og ryddig uttrykk.
Merk at ikke alle fargekombinasjoner av Aiders profilfarger oppfyller kravene for universell utforming av tekst. F.eks. vil ikke isblå tekst mot sand bakgrunn være lesbart. Det samme gjelder tekst i tempo blå på dyp turkis bakgrunn. Det finnes flere nettbaserte verktøy hvor man kan sjekke hvilke fargekombinasjonen som oppfyller kravene.
Støttefarger
Aider har også en palett med støttefarger som kan benyttes til grafer og diagrammer, når man trenger flere farger enn i hovedpaletten. Disse fargene skal kun benyttes i grafer og diagrammer, ikke i kommunikasjon.
Støttefargepaletten kan lastes ned ved å klikke på knappen under
Typografi
Aider sin font er Proxima Nova Regular. Dette er en enkel og stilren font, som fungerer meget godt både digitalt og på trykk. Fonten har god lesbarhet, og gir et vennlig, men seriøst uttrykk. Proxima Nova bør brukes på alle flater for å sikre at Aider har et konsekvent formspråk.
Om man sender fra seg Word- eller PPT-dokumenter må fonten være «innbakt» for at mottageren skal kunne se den. I Aider sine Word- og PPT-maler er Proxima Nova allerede innbakt. Det anbefales å alltid bruke Aider sine maler der disse finnes. Alle malene til Aider ligger på intranettet.
Unntak: I E-post signatur bør Calibri benyttes, da de færreste mottagere har Proxima Nova installert. På den måten vil signaturen se lik ut hos avsender og mottager.
Proxima Nova Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyzæøå
0123456789
Bruk
Vekten Regular skal alltid benyttes i både overskrift og brødtekst. Det er tillatt å utheve ord i brødteksten med bold eller kursiv, men dette bør holdes til et minimum for å opprettholde et ryddig tekstbilde. Det er ikke tillatt å bruke andre vekter enn regular i overskrifter.
Tekst kan brukes i farger, så lenge kontrasten til bakgrunnen er god nok. Det skal imidlertid brukes kun én farge av gangen i overskrift eller brødtekst. Overskrift og brødtekst trenger ikke ha samme farge. Mellomtitler kan også ha annen farge enn brødteksten.
Design element – Skråkutt
Aider sitt designelement er et fargefelt med 12,5 graders vinkel på den ene siden. Fargefeltet skal alltid være utfallende på alle sider, bortsett fra siden med vinkelen. Vi kaller elementet et skråkutt.
Skråkuttet gir assosiasjoner til vekst og bevegelse, og opprinnelsen til navnet. Skråkuttet gir et distinkt og annerledes uttrykk, og skaper sammenheng og gjennkjennelighet på tvers av flater.
Skråkuttet kan brukes i sin opprinnelige posisjon, speilvendes eller roteres 90 grader. Det kan brukes i alle Aiders farger, og det kan legges to skråkutt over hverandre for å skape dybde. Skråkuttet kan brukes over bilder eller flate farger. Se eksempler under for hvordan det kan brukes.
Skråkuttet kan også brukes i animasjon så lenge det alltid er i 12,5 graders vinkel, speilvendt eller rotert 90 grader. Det anbefales at man holder antall skråkutt man ser samtidig til 2–3 stykker, slik at man får et uttrykk som er gjenkjennelig fra statiske flater.
Skråkuttet kan brukes i sin opprinnelige posisjon, speilvendes eller roteres 90 grader.
Man kan bruke to skråkutt i forskjellige farger lagt over hverandre for å skape dybde og få inn litt mer farge. Et av skråkuttene bør speilvendes eller roteres 90 grader, slik at vinklene går motsatt vei (se eksempler under). Det bør ikke brukes flere enn to skråkutt på samme flate, for å holde uttrykket rent og ryddig.
Skråkuttene kan brukes sammen med bilder, abstrakte bildebakgrunner eller flate farger. Om abstrakte bildebakgrunner brukes, sørg da for at disse bildene følger den angitte bildestilen.
Fargefeltet med skråkutt bør være utfallende på alle sider unnatt én, som vist under. Det vil si at fargefeltet går helt ut til kanten på tre av fire sider. Det bør ikke være skråkutt på to sider av samme fargefelt. Ved å bruke skråkuttet på kun én side vil man opprettholde et ryddig og konsekvent uttrykk, med fokus på budskapet. Ved å kombinere for mange skråkutt på samme flate vil uttrykket oppleves som rotete, og skråkuttene vil komme i fokus istedenfor budskapet.
Bildestil
Aider har en distinkt bildestil som alltid bør følges. Bilder som brukes i kommunikasjon bør ha folk i fokus, noe som også er en av Aiders kjerneverdier. Bilder uten mennesker kan benyttes i andre sammenhenger f.eks. som et bakgrunnsbilde.
Menneskene i Aiders bilder bør være naturlige, og ikke fremstå som modeller eller ha stockpreg. Man skal i hovedsak velge bilder av Aiders egne ansatte. Det skal skinne igjennom at dette er virkelig folk som jobber hos Aider, folk du kan møte som kunde. Menneskene bør være glade og entusiastiske, men på en naturlig måte. Det er bedre at det er en litt nedtonet glede, enn at det ser unaturlig ut. Bilder kan med fordel vise flere mennesker som interagerer, noe som gir potensielle kunder en følelse av hvordan det er å jobbe med Aider.
Bildene med mennesker skal ha folkene i fokus, forgrunn og bakgrunn kan gjerne være uskarp. På kontorbilder kan gjerne Aiders farger, et skråkutt fra vindusfolien, en kopp eller lignende med logoen på være på en subtil måte. Dette er ikke et krav, og samme element bør ikke være med på alle bilder, slik at det ikke ser for oppstilt ut.
Aider ønsker å være en «papirløs» bedrift. Det bør derfor ikke være med notatbøker, post-it lapper eller lignende i bildene.
Aider har en bildebank med bilder av egne ansatte i miljø tatt av fotograf. Disse ligger på intranettet. Sjekk alltid om du finner bilder der som egner seg til ditt bruk før du bruker stockbilder.
Les mer om bilder til spesielle anledninger.
3 hovedområder
Aiders tre hovedområder er regnskap, rådgivning og teknologi.
Om plassen tilsier det, bør disse være med i all kommunikasjon. Det er to foretrukne måter å sette disse opp på, enten som tekst med sirkler mellom ordene, eller inne i en sirkel. Sirklene bør fortrinnsvis være i varm gul, men kan være i tempo blå eller dyp turkis om ikke varm gul gir nok kontrast til bakgrunnen, f.eks. ved sand bakgrunn.
Ikoner
Aiders distinkte ikonstil bør benyttes i alle ikoner. Ikonene er tegnet opp med en tydelig strek, som i stor grad oppleves som én kontinuerlig linje gjennom hele ikonet. Ved å bryte opp linjen og kombinere ikonenes ulike former der det er hensiktsmessig, bidrar man til å styrke inntrykket av en sammenhengende strek.
Ikonene kan brukes i alle Aiders profilfarger, men hvert enkelt ikon skal kun brukes i én farge om gangen. Når flere ikoner brukes sammen, bør de være i samme farge.
Identiteten i bruk
I dette kapittelet viser vi eksempler på identiteten i bruk. Her kan du se hvordan de forskjellige elementene spiller på lag, og hvordan de best plasseres sammen.
Annonser
Annonser er en viktig del av Aiders kommunikasjonsplattform. For å fange folks oppmerksomhet bør de ha et enkelt og tydelig budskap. Det bør ikke være for mye tekst, slik det blir lett å få med seg budskapet. Annonser bør ha med følgende elementer: Logo, aider.no, et kort og konsist budskap, et bilde, skråkuttet og de tre hovedområdene. Noen annonser er imidlertid så små at noen av disse elementene må utgå. Det er da fortrinnsvis de tre hovedområdene og bildet som bør utgå først. På webbannere bør aider.no byttes ut med en knapp som inviterer til å lese mer. Aiders profilfarger skal alltid benyttes.
Aider sin logo bør få god plass og plasseres i et hjørne med godt med luft rundt. Aider.no bør fortrinnsvis plasseres på samme linje som Aider-logoen, enten vertikalt eller horisontalt, men med god avstand der det er mulig. aider.no kan plasseres på et bilde, om den er godt synlig.
Oppbygning av banner annonse. På web bannere brukes «les mer»-knapp istedenfor web-adressen.
Oppbygning av helsidesannonse
Varianter av samme annonse med ulik bruk av skråkuttet og forskjellige farger
Eksempler på helsides annonser med forskjellig tekstmengde
Tips!
Nettside
Det viktigste med nettsiden er at brukeren finner informasjonen hen leter etter. Det er mye informasjon og navigasjon, så designelementer kan lett komme i veien. Det er derfor viktig at alle elementene på nettsiden har en funksjon.
Reglene fra denne veiledningen bør følges, men man kan bruke skråkuttet mindre enn i annen kommunikasjon, slik at informasjonen kommer i første rekke.
PPT/presentasjon
Aider har en generell PowerPoint-mal (ppt) som alltid bør brukes når man skal lage en presentasjon. Det finnes også en tilleggsmal med en rekke spesialslides som modeller, tidslinje, CV m.m. som man kan bruke i sin presentasjon.
Bruk alltid ppt-malen, og sjekk om det allerede er laget en spesialslide som passer til ditt behov, for å sikre riktig og konsekvent bruk av profilen.
Den siste versjonen ligger alltid på intranettet.
Eksempler på ppt-slides: Forside, kapittelside og spesialslides
Onepager
Aider har en rekke såkalte onepagere. Dette er dokument hvor et case eller produkt presenteres på én side. Siden det er en god del tekst på disse, er det viktig å gjøre dem så leservennlige som mulig. Trekk gjerne ut et sitat eller fakta, for å gjøre leseren interessert i å lese mer.
Interiør og skilt
Aider har utarbeidet en plan for hvordan kontorene bør se ut. Ved å holde lokalene i samme stil, vil medarbeiderne og kundene føle en sammenheng mellom de forskjellige kontorene. Det kan skape fellesskap og trygghet om man jobber på eller mot flere kontorer.
Ved å følge denne planen vil man også spare tid og ressurser, og man vil få et vellykket resultat som er testet ut på andre kontorer allerede.
Utendørs skilting
Utvendig skilting tilpasses fasaden, men det er ønskelig å bruke logoen i hvitt i løse bokstaver. Skiltet kan lyssettes ved at det lyser hvitt ut av logoen/bokstavene.
I skiltprogrammer hvor Aider-logoen står sammen med flere andre logoer og alle er i samme farge, kan Aider-logoen benyttes i denne fargen, selvom det bryter med reglene for logoen.
Vindusskilt med lys
Vindusskilt monteres på innsiden av vinduene. Skiltet består av logo med løse bokstaver på glass/akrylplate. Strøm ledes av wirere ut av bakplaten. Størrelse 900x360 mm.
Foliering av dører og vinduer
Det er utarbeidet et mønster av skråelementet som brukes på vinduer mot gaten, og en måte å bruke skråelementet på vinduene til møterom. Dette printes på glassklar folie med print av fem prosent hvit. Skal det brukes «whiteboard» på vinduene på møterommene, legges samme mønster med hvit folie, og man skriver på innsiden av glasset. Kontakt markedsavdelingen for filer. Disse må tilpasses etter lokale mål.
Logo innvendig
Logo utskjært i hvit 10 mm matt akryl monteres med skjulte avstandsstykker for eksempel snap fix på kontrastvegg i en av Aiders farger. Størrelse på logo tilpasses kontrastveggen.
Logovegg i sosial sone:
Fargekode på blå vegg (logovegg):
NCS 5040-B10G
Farge på vegger
Fargekode på mørkegrå vegger (kontrastvegger):
1269 Demring (NCS 2502-Y17R)
Fargekode på lysegrå vegger (grunnflater):
1462 Grå Skifer (NCS S 5502-Y)
Dersom bygget allerede har andre nøytrale farger som skal opprettholdes, så er det naturligvis helt i orden (hvit, etc.) – men dersom vi skal male og velge farger på veggene selv – så er det disse gråfargene som foretrekkes.
Navn på møterom
Alle Aider kontorer skal navngi sine møterom med følgende navn:
Et rom: Energi og begeistring
To rom: Energi, begeistring
Tre rom; Folk, forenkling, fremover
Fire rom: Energi og begeistring, folk, forenkling, fremover
Fem rom: Energi, begeistring, folk, forenkling, fremover
Seks rom: Energi, begeistring, folk, forenkling, fremover, redefinere
Sju rom: Energi, begeistring, folk, forenkling, fremover, redefinere, utfordre
Der hvor det er naturlig, og møterommene ligger i nærheten av hverandre, skal «Folk», «Forenkling» og «Fremover» være i samme området. F.eks: Tre møterom på vestsiden av lokalet.
Møbler
Det er utarbeidet en møbleringsplan for Aider, med spesifikke møbler i god kvalitet. Der finner man beskrivelse av hvilken modell og hvilken farge man skal velge for å følge denne. Planen kan lastes ned i sin helhet under. Om man trenger møbler som avviker fra møbleringsplanen, bør nøytrale farger som svart, grå eller beige velges, om det ikke finnes farger som matcher profilfargene veldig godt.
3D visualisering av Aiders kontor i Skien, laget av Senab Eikeland
Sosiale Medier
Sosiale medier (SoMe) er viktige kanaler for å kommunisere med potensielle nye kunder og ansatte. Her kan man vise en litt mer uformell side av selskapet. Det er samtidig viktig at det ikke oppleves som useriøst, da Aider fortsatt er avsenderen.
Bannere følger den samme logikken som annonser. Det er viktig å spesialtilpasse alle profilbilder og bannere til hver SoMe-kanal, slik at alle elementer vises som tenkt. Hvis ikke kan tekst bli kuttet, havne bak profilbildet eller lignende. Noen plattformer, som f.eks. facebook, forandrer bildestørrelser relativt ofte, så det er viktig å sjekke hva som er gjeldende størrelser hver gang man lager et nytt banner eller bilde.
Gaveartikler
Gaveartikler bør være noe som kan være relevant for Aiders foretningområde, artikler som brukes i arbeidshverdagen (kopper, penner etc.), eller artikler som er nyttige og vil bli brukt. «Kreative» gaveartikler som ingen bruker, er ingen god reklame for selskapet.
Artiklene bør ha et realtivt enkelt design. Ofte holder det med bare en logo eller Aider-A. Hvis designet holdes enkelt, er det større sjanse for at produktet blir brukt.
Gaveartikler kan lages i én eller flere av profilfargene, eller det kan være trykk i en profilfarge på svart, hvit eller grå gaveartikkel. Ofte vil gaveartikler komme i noen få predefinerte farger. Man kan da enten velge en farge som ligner på en av profilfargene, eller velge en svart, hvit eller grå artikkel.
Spesielle anledninger
Ved spesielle anledninger som jul, påske og andre anledninger ønsker man kanskje å lage noe litt mer festlig enn til «hverdags». Man bør følge reglene i denne designveildningen for å sikre at det er tydelig at Aider er avsender. Det er allikevel noen grep man kan gjøre for å få den riktige stemningen. Først av alt kan man velge en av profilfargene som passer. Her kan man også bruke varm gul på store flater. Man kan bruke bilder som gir den rette stemningen, og i disse tilfellene er det lov å benytte seg av bilder som er litt på siden av den anbefalte bildestilen. Man bør ikke introdusere andre grafiske elementer enn de som er beskrevet i denne veiledningen, men man kan lage ikoner til anledningen i ikonstilen til Aider. Se eksempler under.
