2TQ NOCPWCN - Vipps no€¦ · 2.1 Logo Logo for BankID består av symbol og navnetrekk. ... Fonten brukes Mossy er en håndskrevet font basert på Helveticas former. Bruksområde

Profilmanual

PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL

1.Omprofilen

1.1Vårvisuelleprofil1.2 Stemmeleie

2. Logo

2.1 Logo

2.2 Logovarianter2.3 Logomedmotto2.4Bruksreglerlogo

3.Profilfarger

3.1Profilfarge3.2Sekundærfarger3.3Ulikefargesystem

4.Typografi

4.1Omtypografi4.2Profilfont4.3 Sekundærprofilfont4.4Typografiforskjermbruk

5.Fotostil5.1Omfotografi5.2Eksempler,foto5.3Eksempler,illustrasjoner

LOGO FARGER TYPOGRAFI FOTOSTILPROFILEN

1.1VisuellprofilforbankID

Ensynlig,tydeligogenhetligvisuellprofilerviktigforåprofilereBankID,ogforåkommunisereverdieneselskapetstårfor.Denersamlendeforheleselskapet,ogskalsikreetenhetligogprofesjoneltinntrykkavBankIDovertid.Envisuellprofilhandleromhelhetstenkningoggjenkjennelse,ogdettebørgjenspeilesikonsekventkommunikasjonideforskjelligemedieneovertid.Foråsørgeforatdetteskjer,måallesomjobbermedprofilenbrukedenneprofilmanualenkonsekvent.

Profilenbeståravlogo,farger,typografiogdekorelementer.Denneprofilmanualenskalfungeresomenbruksanvisningfordisseelementene,oginneholderitillegginformasjonompapirkvalitetersamteksemplerpåhvordanprofilenkanimplementerespåulikeflater.

EnsamletidentiteterviktigforåpresentereBankIDsomenmoderneogenhetligorganisasjonovenforeksternemålgruppersompublikum,oppdragsgivereogsamarbeidspartnere.

HegeSteinsland,Kommunikasjon-ogmarkedssjef

LOGO FARGER TYPOGRAFI FOTOSTIL

1.2StemmeleieSpråkbrukentilBankIDskalværeenkeltogdirekte.Kortekonsisetekster,gjernehyppigbrukavpunktum.Vennligoghjelpsom.Ikkeutbroderende,ikkekompliserende.Trygt,enkeltogpedagogisk–karaktertrekksomskalbidratilåunderbyggeproduktegenskapenetilBankID.

BankIDbrukerenkleogkortesetninger.Erminstmuligbevandretifremmedordbokaogframstårsomhøflig,presisognyttig.

BankIDerikkeeningeniørellerjurist.BankIDforventerikkeatdesomlesereringeniørerellerjurister.BankIDkrydrerikkespråketmedmetaforerogadjektiv,menerhellerikketørrogknitretesomvedensomblefeltiforfjor.

BankIDforstårironiogsarkasmer,menunngårhelståbrukeslikeselv. Fremståfrisk,vennligogtrygg.Glimtiøyetnårdeterromfordet.

PROFILEN


2.1 Logo

LogoforBankIDbeståravsymbolognavnetrekk.

LogosymboletrefererervisuelttilenkeltindividetsunikeDNA-mønster.Typografieninavntrekketertegnetbasertpåpixler.Dettegrepetergjortsomenredesigni2016foråfåentydeligerekraftigerelogoinnenforsammestørrelsesomtidligere.Denerogsånåmeranvendeligismåstørrelser.

Logoenkaniprinsippetskaleresnedtil7pixlerhøyde,45pixlerbreddeogfremdelesværesylskarp.Mensidenlogoenertegnetogbla.avrundetikanteneskaldetvedsåsmåstørrelserpåskjermbrukesenrenpixelvariantsomerlaget.

LOGO


2.2LogovarianterLogoenskalprimærtbrukesinegativpåegneblåprofilflater.Eventueltblåversjonpåhviteflater. Derfargeikkeertilgjengeligbrukesgråversjonpåhviteflater,eventuelthvitversjonpågråflater.

Gråversjonbenyttesogsånårlogenopptrersom«gjest»iandremerkevarersprofil,someksempelvisinettbanker.DettegirBankIDenhøfligavdempettilstedeværelsehosandre.

GrålogopåhvitbunnNegativlogopåformørkbakgrun

Negativlogomedfarge Positivlogoifarge

LOGO


2.3LogomedmottoLogoenkanbenyttesmedmotto/payoff.Dettekanværesærlignyttigientidligfase,foråhjelpefolkåforståatBankIDkanbenyttestilannetennpåloggingpånettbank.

Negativlogomedfarge Positivlogoifarge

LOGO


2.4BruksreglerlogoForatlogoenskalfremståtydeligogmedgodlesbarhet,erdetviktigatdenikkeblirforstyrretformyeavandregrafiskeelementer.Deterdaviktigatdeternokluftrundtlogoen.

Undererdetdefinertetfriområderundtlogoensomideallerflestetilfellervilginokluft.Minimummengdeluftrundtlogoenmåseesisammenhengmedlogoensstørrelse.Jostørrelogojomerluft.Luftenerlikdensamledehøydenpåbokstaveneilogoen.

Foratlogoenskalfremståtydeligerdetogsåviktigatdenikkeanvendesimindrestørrelseenndetminimumsomerangitt.

LOGO

X

X

minimum15mm

X

X

X

1.Omprofilen

1.1Vårvisuelleprofil1.2 Stemmeleie

2. Logo

2.1 Logo

2.2 Logovarianter2.3 Logomedmotto2.4Bruksreglerlogo

3.Profilfarger

3.1Omfargebruk3.2Masterbrand,fargekoder3.3Subbrands,fargekoder

4.Typografi

4.1Omtypografi4.2Primærfont/sekundærfont4.3Teksthierarki


3.1ProfilfargeKonsekventogriktigfargebrukersværtviktigforatBankIDsinprofilskalblitydeligoggjenkjenneligiallesammenhenger.Deterviktigåpassepåatvibrukerriktigefargekoderpådeforskjelligeflatene.Foratenfargeskalgjengisbestmulig,mådendefineresidetsystemetsombestsvarertilmediet.Forskjelligemedierharforskjelligefargemuligheter,derformåviregnemedetvisstavvikifargene.

VivilstortsettbrukeCMYKfargernårviproduserermerkantileogandretrykksker.CMYKerenfargebetegnelsesombeståravfirefargerC-cyanM-magentaY-yellowK-blackDisseblirforhvergangblandetavdeverdienesomviharsatt.Idettetilfellet:CMYK:100C-42M-0Y-5K.

VivelgervanligvisutenPantonefargesomskalsikreossatvioppnårdeneksaktefargenPMS (PantoneMatchingSystem)Idettetilfelletharvivalgt:Pantone3005C.Detteeriutgangspunketenprefabrikertfargesomgjøratvioppnåridentiskresultatuansetttrykkeriogharmerkontrollpåkvalitet.

Fargekoder

Primærfargenskalhovedsakligbrukesi100%.

PMS CMYK RGB WEB

PMS3005C C:81M:42Y:0K:5 R:74G:120B:177 336699

FARGER


3.2SekundærfargerSekundærfargeneskalkunbrukessammenmedprimærfargene.Detteerstøttefargersomskalsupplereprimærfargenenårdettrengs.

Fargekodersekundærfarge

Logofarge Sekundærfarge

Sekundærfargenekanbrukessomraster.Dvs.i10%-100%avoriginalfargen.

Rasteravlogofargenekanogsåfungeresomsekundærfarger,i10%-100%avoriginalfarge.

PMS CMYK RGB WEB

PMSCoolGrey11c C:0M:0Y:0K:70 R:77G:79B:83 4A1930

FARGER


3.3StøttefargerStøttefargersomkansupplereprimærfargenenårdettrengs.Fekstilbrukiillustrasjoneroggraferdeterbehovfordifferansiering.

Støttefarger

Vedytterligerebehovfornyanserkanstøttefargenerastreresi25%-50%-75%avoriginalfarge.

FARGER

RGB WEB CMYK PANTONE RASTER*

R129/G205/B239 #81CCEE C45M5Y0K0 # 25% 50%

75%

R125/G143/B176 #7C8EAF C55M40Y15K0 # 25% 50%

75%

R97/G178/B186 #60B1BA C60M10Y26K0 # 25% 50%

75%

R234/G196/B41 #EAC429 C10M20Y100K0 # 25% 50%

75%

R151/G72/B69 #974744 C30M80Y70K20 # 25% 50%

75%

R209/G128/B122 #D17F7A C15M60Y45K0 # 25% 50%

75%

R84/G51/B107 #54336B C77M92Y28K16 # 25% 50%

75%

R62/G49/B72 B6BA5D C30M9Y75K10 # 25% 50%

75%

R219/G194/B161 DBC2A1 C14M22Y38K0 # 25% 50%

75%

R247/G242/B222 F7F2DD C2M2Y13K0 # Kuni100%


3.4UlikefargesystemLogoenerdefinertiforskjelligefargesystemer.Passpåatdubrukerdenoriginalfilensompassertilbruksområdet.

PMSellerPantoneMatchingSystem,erspesialfargerfortrykk.PMSgirvanligvisdenmestpresisefargegjengivelsenpåtrykk.

CMYKeller4-farge,erdenvanligstemåtenåtrykkefargeribrosjyrer,aviserogmagasiner.Fargenblandesvedhjelpavrasteritrykkfargenecyan,magenta,gultogsort.

RGBerskjermfarger,ogoppgisiverdierfra0til255.Fargenblandesavprimærfargenerød,grønnogblå.

FARGER


4.1OmtypografiVikt ighetenavkonsekventbrukavtypograf iGjennomførtbrukavtypografiermedpååskapegjenkjennelseogbyggemerkevarenBankID.Gjennomkonsekventbrukskapermaninntrykkavpålitelighet,ogmanbyggeroppentydeligvisuellidentitet.RobotoogMossy*erBankIDsineprimæreprofilfonter.DissfonteneskalbrukestiltitlerogprofilerendetekstersåfremtdetertekniskmuligpåaltprofilerendemateriellfraBankID.

LisensieringPågrunnavloverogreglerknyttettillisensiering,måunderleverandørerogtrykkeriervedbehovselvkjøpenødvendigelisenserforvåreprofilfonter.

TYPOGRAFI


4.2Profilfont

RobotoBold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789!?”#$%&/( )@

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789!?”#$%&/()@

Roboto Thin ItalicRoboto Thin ItalicRoboto LightRoboto Light ItalicRobotoRegularRoboto Regular ItalicRoboto MediumRoboto Medium ItalicRobotoBoldRoboto Bold ItalicRoboto BlackRoboto Black Italic

RobotoFontenermestkjentsomstandardoperativsystemfontpåAndroiddevices.Deterenmodernegroteskfontsomergodtutbygdoghargodleselighet.RobotobledesignetavdesignerChristianRobertsonhosGooglei2011(Redesign2015).Robotokanbrukesibrødtekstsåvelsomoverskrifter.RobotofinnesimangvektingerfraRobotoThintilRobotoBlackogsåkursivvariantertilallevektinger.Light

BruksområdeKanbenyttesnormalttilalletitlerogprofilerendetekster.Fortrinnsvisbrukesvektingenelight,regular,mediumogbold.

TYPOGRAFI

Hovedbruk


4.3Sekundærprofilfont

MossyIDRegular

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå 0123456789!?”#$%&/( )@

MossyIDMedium


MossyIDBold


Mossy (ID)MossyIDerredesignetforBankID.DenerbasertpåfontenMossysomerenfreewaredesignetavdetFranskedesignkollektivetBibliopolæi2008.MossyIDertegnetuttykkerei3vektinger(Regular,MediumogBold).SkriftenerentynnrelativtlettlesthåndskriftogskalfungeresomenprofilfontsommykereogpersonligoppmotRobotoikomunikas-jonentilBankiD.FontenbrukesMossyerenhåndskrevetfontbasertpåHelveticasformer.

BruksområdeMossybenytteskunioverskrifterogkorteprofilerendetekster.

TYPOGRAFI


4.4Typografiforwebogskjerm

ArialRegular


SourceSansProRegular


Fontfamilien:SourceSansProRegular

Fontfamilien:Arial

Source Sans Pro Extra LightSource Sans Pro Extra Light Italic Source Sans Pro LightSource Sans Pro Light ItalicSource Sans Pro RegularSource Sans Pro ItalicSource Sans Pro SemiboldSource Sans Pro Semibold Italic Source Sans Pro BoldSource Sans Pro Bold ItalicSource Sans Pro BlackSource Sans Pro Black Italic

Arial RegularArial ItalicArial BoldArial Bold Italic

SourceSansProDeterspesiellereglerfortypografipåskjermbasertemedier.Detteforåsikreenkelutvekslingavelektroni-skedokumenterutenfontproblematikk,ogforatalleskalhalikefontertilgjengelig.SamtidigerdetviktigmedrettbrukavtypografipåPowerPointoginternettforåsikregodlesbarhet.

BruksområdeAlltekstpåwebherunderBankIDsegnewebsiderskalværeiSourceSansPro.AlleandreskjermbasertemedierskalværeiArial.Herunderworddokumenter,e-postogPowerpoint.

TYPOGRAFI

Hovedbruk


5.1FotoogillustrasjonerGenereltGenereltskalhovedinntrykketetterBankIDvisueltoppleveslikstemmeleiet:Trygtoglekent.

DerforharviinnførtBankID-personene,etillustrasjonsuttrykksombrukerengrunnbase avmenneskersomvikanbyggeutogometterbehov.

FotoforBankIDskalvisebrukereikontaktmedflaterproduktetBankIDbrukespå.Bildeneskalopplevessomfotografiskstilrene,medgjennomtenktevinklerogmotiver.

Ommanskalvisenettsiderogmobilbrukskalenhetensettesietmiljøsomikkeframstårforsterilt.Manmåforalldelunngåatbildeneframstårsomstock-bilder.Ommanbrukerstockmåbildenekunneop-plevessomomdevartattinordiskeomgivelser,medlysogtoningderetter.

Tekniskeillustrasjonerskalgjøresmedenlekenstrek,sommatcherfontenMossy.

FOTOSTIL


5.2Eksempler,foto

FOTOSTIL


5.3Eksempler,illustrasjoner

FOTOSTIL

Documents

2TQ NOCPWCN - Vipps no€¦ · 2.1 Logo Logo for BankID består av symbol og navnetrekk. ... Fonten brukes Mossy er en håndskrevet font basert på Helveticas former. Bruksområde