Mobile Profilmanual - 2023 (V2)

Page 12

Visuell identitet

All bruk av logo, bilder og elementer i markedsmateriell skal godkjennes av markedsavdelingen før reproduksjon.

Profilmanualen er et internt dokument og skal kun deles med samarbeidspartnere.

Revidert: 11.07.2023 © 2023 Mobile AS

Mobile uttales [muːbile] rett frem på norsk.

Innhold

Hva er profilmanualen og hva skal den brukes

til?

Profilmanualen er en omfattende guide som beskriver og definerer alle aspekter av Mobile sin visuelle identitet, inkludert logoer, farger, typografi og andre designelementer.

Manualen er utviklet for å sikre at alle elementer av Mobile er konsistente og representerer våre verdier og visjon på en klar og tydelig måte.

Denne skal brukes som referanse ved design av markedsmateriell og retningslinjene skal følges for å opprettholde en enhetlig og profesjonell merkevareidentitet over tid.

Spørsmål?

Send en henvendelse til markedsavdelingen på epost til marked@mobile.no.

01 Logodesign og bruksområder 01.1 Logo 01.2 Varianter 01.3 Friområde rundt logoen 01.4 Minimumsstørrelse 01.5 Feil bruk av logo 01.6 Riktig logoplassering 02 Typografi og hierarki 02.1 Font 02.2 Hierarki 02.3 Stylingprinsipper 03 Fargepalett og bruksområder 03.1 Primærfarger 03.2 Sekundærfarger 03.3 Digitale systemfarger 4 5 6 7 8 9 10 12 13 14 15 16 17 18 19

Logodesign og bruksområder

“En merkevare er ikke hva du sier den er, det er hva kundene dine sier det er.” – Marty Neumeier

Revidert: 11.07.2023 © 2023 Mobile AS 01

Logo

Logoen til Mobile finnes i to fargevarianter og består av to deler: navnetrekk og logosymbol.

Hva er en logo?

En logo er et grafisk symbol eller et design som representerer en organisasjon, en merkevare eller en virksomhet. Det er vanligvis det første visuelle elementet en person vil legge merke til når de ser på et produkt, et nettsted eller lignende som er knyttet til organisasjonen eller merkevaren.

Logoen kan bestå av et ordmerke, en figur, en kombinasjon av begge eller andre visuelle elementer. Målet med en logo er å skape gjenkjennelse, bygge merkevarebevissthet og skape et sterkt og positivt inntrykk av organisasjonen eller merkevaren.

Primærlogo

Logovarianten med grå bokstaver og oransje logosymbol er standard for Mobile og skal som regel alltid benyttes.

Sekundærlogo

Dersom bakgrunnen ikke gir nok kontrast til logoteksten, kan versjon med hvite bokstaver og oransje logosymbol benyttes.

En vellykket logo er enkel, unik, lett å huske og tydelig representerer organisasjonens verdier og mål.

5
01.1

Varianter 01.2

Logosymbolet kan løsrives fra navnetrekket og brukes alene der hele logoen ikke får plass eller som et grafisk element i et design.

Symbol

Logosymbolet kan løsrives fra navnetrekket og brukes alene der hele logoen ikke får plass eller som et grafisk element i et design.

Mobile Avdeling

Forhandlerlogo

Vanligvis står Mobile-logoen alene, men dersom du har behov for å kommunisere forhandlernavnet kan du bruke en spesialversjon. For å unngå at forhandlernavnet forveksles som en del av logoen

Mobile Avdeling

er det viktig at teksten har nok avstand til logen. For å gjøre dette enda tydeligere skal det benyttes en en tynn skillelinje mellom logoen og forhandlernavnet. Spesialversjoner godkjennes av markedsavdelingen.

Eksempel på forhandlerfelt som benyttes ved printannonsering:

Mobile Avdeling

Adresse, 0000 Sted • Telefon: 00 00 00 00 • avdeling@mobile.no • www.mobile.no

6

Friområde rundt logoen

For å sikre at logoen er tydelig og lett å identifisere, er det viktig å skape en god balanse mellom logoen og andre elementer som er tilstede i et design. For å oppnå dette, er det viktig å gi logoen et definert område rundt seg som skal være fritt for annen grafikk eller tekst.

Hva er et friområde?

Friområdet rundt en logo refererer til det tomme området rundt logoen som må bevares for å sikre at logoen står klart og tydelig, og ikke forstyrres av andre elementer på siden eller overflaten den vises på. Friområdet rundt logoen er derfor viktig for å sikre at logoen vises på en profesjonell og tydelig måte.

Logo

Friområdet rundt logoen skal minst være en «X» på alle sider av logoen, men bør være «2X». Størrelsen på «X» er lik hjulet i logosymbolet. Avstanden vil derfor være konsekvent, uansett størrelse.

Vi benytter samme metoden for å beregne avstanden til skillelinjen:

Symbol

Det samme prinsippet gjelder ved bruk av logosymbolet alene. Legg merke til at symbolet ikke er kvadratisk, noe som må vurderes ved plassering av symbolet i et design.

En generell tommelfingerregel er å ha et friområde på minst en gang bredden på logoen på alle sider. Dette betyr at hvis logoen er 100 piksler bred, så bør det være et tomt område på minst 100 piksler rundt logoen på alle sider.

Hvis det ikke er tilstrekkelig friområde rundt logoen, kan det føre til at logoen ser overfylt ut eller blir vanskelig å lese. Dette kan igjen skade merkevarens omdømme og identitet.

Mobile Avdeling

x x x x 2x 2x 2x 2x x x x x 2x 2x 2x 2x
7
01.3

Minimumsstørrelse

For å opprettholde god lesbarhet og gjenkjennelighet er det bestemte minimumsstørrelsen for logoen. Logoer på trykte og digitale flater skal derfor aldri være mindre enn målene nedenfor.

Hva menes med minimumsstørrelse?

Minimumstørrelsen på en logo refererer til den minste størrelsen som logoen kan reduseres til og fortsatt være lesbar og gjenkjennelig.

Print 25 x 5 mm

Digital 100 x 20 px

Mobile Avdeling

Forhandlerlogo horisontalt

Print 6 mm (H)

Digital 20 px (H)

Mobile Avdeling

Forhandlerlogo vertikalt

Print 30 mm (H)

Digital 120 px (H)

Dette er spesielt viktig for logoer som skal brukes på små flater, som for eksempel visittkort eller mobilskjermer. Minimumstørrelsen kan variere avhengig av logoens kompleksitet og designelementer, men som en tommelfingerregel bør logoen ikke være mindre enn 1,5-2 cm bredde eller høyde for å sikre lesbarhet.

Hvis logoen reduseres for mye, kan designelementene i logoen bli utydelige eller uleselige, noe som kan påvirke merkets gjenkjennelighet og troverdighet.

8
01.4
Logo Print 5
4
Symbol
x
mm Digital 20 x 16 px

Feil bruk av logo

Hvis logoen brukes feil eller endres, kan det føre til forvirring, svekke merkevarens troverdighet og svekke dens gjenkjennelighet. Å følge retningslinjene for riktig logo bruk, bidrar til å opprettholde en sterk og enhetlig merkevareidentitet. Hvis logoen brukes på en måte som er upassende eller feilaktig, kan det skade merkevarens omdømme og gi inntrykk av manglende profesjonalitet eller manglende oppmerksomhet på detaljer.

Ikke benytt kursiv Ikke endre logoens proposjoner Navnetrekket skal ikke benyttes alene Primærlogo må ikke benyttes på mørk bakgrunn Sekundærlogo må ikke benyttes på lys bakgrunn Ikke plasser forhandlernavn under logo Ikke gi logoen andre farger Ikke juster tykkelsen på bokstavene og symbolet Ikke lag egne varianter med logosymbolet
Mobile Avdeling 9
Mobile Avdeling
01.5

Riktig logoplassering

Det er viktig å bruke logoen riktig fordi den representerer merkevaren og dens verdier. En korrekt bruk av logoen sikrer at merkevaren blir gjenkjent og husket på en konsistent måte, uansett hvor den vises. I tillegg til å sikre konsistens og gjenkjennelighet, kan en korrekt bruk av logoen også hjelpe til med å skape et positivt inntrykk av merkevaren.

Printannonser

Bannerannonser

LES MER
10
LES MER
01.6
LES MER

Ønsker du å laste ned logo?

Du finner alltid oppdaterte logopakker for nedlastning på mobile.no/logo

11

Typografi og hierarki

“God typografi er usynlig, dårlig typografi er overalt.” – Craig Ward

Revidert: 11.07.2023 © 2023 Mobile AS 02

Typografi spiller en viktig rolle for en merkevare, da det er en av de viktigste visuelle elementene som kan kommunisere merkets personlighet og verdier til publikum. En godt utformet typografi kan skape en umiddelbar og varig effekt på merkets identitet og oppfatning. Først og fremst kan typografi bidra til å skille en merkevare fra konkurrentene og skape et unikt uttrykk.

En allsidig og stilren font som passer godt til moderne og minimalistisk design

“Titillium Web” er en populær sans-serif font som er tilgjengelig gratis for komersiell bruk. Fonten ble utviklet av et team av designere ved Accademia di Belle Arti di Urbino i Italia i 2010, og har siden blitt brukt i en rekke ulike sammenhenger, inkludert grafisk design, webdesign og merkevarebygging.

Fonten har et moderne og minimalistisk utseende, med klare og rene linjer som gjør den svært lesbar på både store og små skjermer. Den kommer i flere forskjellige vekter og stiler, inkludert normal, bold, light og semibold, noe som gjør den svært fleksibel og egnet for ulike typer designprosjekter.

13 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzæøå Aa Titillium Web 123456789£$?!<>{}[]#¢™® Font
02.1

02.2

Hierarki

Typografi-hierarki refererer til en organisering av tekstelementer i en design som gir visuelle ledetråder for å hjelpe leserne å navigere og forstå informasjonen. En vanlig typografi-hierarki inkluderer størrelser og vekter som følger.

Overskrifter

H1

SemiBold

H2

Tittel

Web: 48 px | Mobil: 32 px

Overskrift

Light Web: 32 px | Mobil: 24 px

H3

SemiBold

H4

SemiBold

H5

Mellomtittel

Web: 24 px | Mobil: 20 px

Undertittel

Web: 20 px | Mobil: 18 px

«Sitater»

SemiBold Web: 20 px | Mobil: 18 px

H6

UNDEROVERSKRIFT

Light Web: 14 px | Mobil: 12 px

Paragrafer P1

Ingress

Regular Web: 22 px | Mobil: 20 px

P2

Brødtekst

Regular Web: 18 px | Mobil: 16 px

C

Bildetekst

Light Web: 14 px | Mobil: 12 px

Eksempel på hierarki

Hvorfor elbiler har tatt Norge med storm

Elbiler har blitt en vanlig syn på norske veier de siste årene. Men hva er det som har gjort elbiler så populære i Norge?

Rekordhøy markedsandel Norge har i dag en av verdens

Med artikler som konsentrerer seg om ett emne holder det med én tittel (H1) og mellomtitler (H3) underveis i . På sider med flere emner skal overskrifter (H2) benyttes over hvert avsnitt.

14
Fornøyd kunde hentet ut sin nye elbil hos Mobile Skien.
H1 P1 C H3 P2

Skrivestil

For å treffe den typiske bilkjøperen i Norge, som er en godt voksen målgruppe, skal Mobile benytte en formell skrivestil. Det betyr ikke at man må være kjedelig eller uengasjerende, man kan bruke en tone som appellerer til målgruppen, men det bør unngås slang og uformelle uttrykk. En velstrukturert tekst med god grammatikk og presisjonsord vil bidra til å bygge tillit og troverdighet blant kundene.

Formell skrivestil

Akkurat nå har vi over 1 000 bruktbiler for rask levering. Hos Mobile kan du være trygg på at alle biler har gjennomført nødvendig vedlikehold og selges derfor alltid med garanti. Sjekk utvalget på mobile.no eller la vårt erfarne salgsteam hjelpe deg med å finne den perfekte bilen som dekker dine behov. ��

Hos Mobile kan du være trygg på at bilen din blir behandlet med den største omsorg og ekspertise. Fra årlig vedlikehold til større reparasjoner, vil våre sertifiserte mekanikere sørge for at bilen din kjører best mulig. Bestill time enkelt på mobile.no eller ring oss på 24 07 41 41. ��

Våre takbokser er designet for å gi deg den perfekte kombinasjonen av funksjonalitet og estetikk. Med sitt aerodynamiske design vil du oppleve mindre vindstøy og lavere forbruk enn med andre takbokser. Se vårt brede utvalg av størrelser og modeller på mobile.no for å finne den som passer best for deg og dine behov.

Uformell skrivestil

Våre biler er rå! �� Vi har alt fra raske sportsbiler til tøffe 4x4-er. ���� Du vil definitivt finne en bil som matcher din stil og smak. ���� Så hvorfor ikke stikke en kjapp tur innom og ta en rask prøvetur i dag?

Hvis bilen din er sliten �� og trenger litt kjærlighet, så står vi klare med åpne armer! �� Vi fikser alt fra oljeskift til motorbytte. �� Våre mekanikere er superflinke og vil ha bilen din tilbake på veien på null komma niks. ⏰ Sving innom oss for overhalingen doningen din fortjener!

Er bagasjerommet stappfullt? �� Sjekk ut vårt utvalg av takbokser! De er så enkle å montere og gir deg mer enn nok plass til å ta med deg alt mulig rart på taket. ������ Velg din favoritt og du er klar til å rulle! ��

Hva menes med skrivestil / tone of voice?

Kort oppsumert handler det om hvordan en merkevare kommuniserer med kundene sine. Det er ikke bare hva man sier, men også hvordan man sier det.

For eksempel kan en merkevare som ønsker å fremstå som ungdommelig og moderne, velge en uformell og muntlig skrivestil som inkluderer slang og emoji. Dette kan appellere til en yngre målgruppe og hjelpe til med å bygge en merkevare som er oppfattet som morsom og avslappet.

Uansett hvilken skrivemåte en merkevare velger å bruke, er det viktig at det er en bevisst og gjennomtenkt beslutning som er basert på merkevarens verdier, målgruppe og posisjonering i markedet. En konsistent skrivestil kan bidra til å styrke merkevaren og gjøre den mer gjenkjennelig og minneverdig for kundene.

15
02.3
��
��✨

Fargepalett og bruksområder

“Farger kan være et kraftig verktøy for å skape gjenkjennelse og differensiering av merkevaren din.” – Neil Patel

Revidert: 11.07.2023 © 2023 Mobile AS
03

Primærfarger

Farger kan kommunisere følelser, verdier og stemninger, og kan derfor brukes til å styrke merkets budskap og mål. Den kraftige oransje fargen representerer innovasjon og lidenskap som kan knyttes til bilindustrien og bilkjøring. Den dype grå fargen formidler profesjonalitet og autoritet som er viktige aspekter ved salg av bil og verkstedstjenester. Fargene skal skape en følelse av stabilitet og pålitelighet, for å gi kundene trygghet og tillit til Mobile.

Varm, livlig og energisk oransje farge som assosieres med lidenskap, spenning, kreativitet og innovasjon.

Nøytral, balansert og sofistikert gråfarge som skal symbolisere autoritet, profesjonalitet og stabilitet.

#E35205

RAL 2009

NCS S 1080-Y60R

17
Pantone 166
03.1 C M Y K 0 76 100 0 R G B 227 82 5
Pantone Cool Gray 8
#888B8D RAL 7045
C M Y K 23 16 13 46 R G B 136 139 141
NCS S 4502-B
Mobile oransje Mobile grå

Sekundærfarger

Sekundærfargene er en viktig del av vår visuelle identitet og skal bidra til å skape et helhetlig og koordinert utseende. Fargene er konstruert for å støtte hovedfargene i identiteten, samt skape kontrast og visuell interesse. Fargene kan brukes til å fargelegge bakgrunner, rammer og andre designelementer for å gi variasjon og dybde til designet.

Mørk grå

Brukes på elementer og tekst som ikke skal ta oppmerksomheten fra elementer i fokus.

Lys grå

Brukes til å skape en myk og subtil bakgrunn som ikke tar oppmerksomheten fra andre elementer.

Lys oransje

Brukes til å skape en iøynefallende aksentfarge eller til å skape kontrast mot andre farger.

18
03.1
Pantone 432 #333F48 RAL 6012 NCS 7502-B C M Y K 30 10 0 70 R G B 51 63 72 Pantone Cool Gray 1 #F2F2F2 RAL 6012 NCS 1002-Y C M Y K 0 0 0 5 R G B 242 242 242
Pantone 482 #F2E4DD RAL 9001 S 0804-Y70R C M Y K 0 5 8 5 R G B 242 228 221

Digitale systemfarger

Systemfargene brukes til å definere forskjellige elementer i digitale grensesnitt, for eksempel bakgrunner, tekst, knapper og ikoner.Dette bidrar til å skape en sammenhengende design og visuell hierarki som gjør det enklere for brukeren å navigere og forstå plattformen.

Grønn

Brukes for å signalisere til brukeren at noe er godkjent, fullført eller positivt.

Brukes for å signalisere til brukeren at noe er feil, ikke fullført eller negativt.

Bruk svart tekst på lyse bakgrunner og hvit på mørke bakgrunner.

19
03.2
Rød
Hvit og svart R G B 4 145 79 #04914F R G B 241 40 72 #F12848 R G B 255 255 255 #FFFFFF R G B 51 51 51 #333333
Hovedkontor Stasjonsveien 18, 1396 Billingstad Markedsavdeling marked@mobile.no • 24 07 41 41 Andre henvendelser post@mobile.no • 24 07 41 44

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.