View
5
Download
0
Category
Preview:
Citation preview
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
2.3LogomedmottoLogoenkanbenyttesmedmotto/payoff.Dettekanværesærlignyttigientidligfase,foråhjelpefolkåforståatBankIDkanbenyttestilannetennpåloggingpånettbank.
Negativlogomedfarge Positivlogoifarge
LOGO
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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%
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
4.1OmtypografiVikt ighetenavkonsekventbrukavtypograf iGjennomførtbrukavtypografiermedpååskapegjenkjennelseogbyggemerkevarenBankID.Gjennomkonsekventbrukskapermaninntrykkavpålitelighet,ogmanbyggeroppentydeligvisuellidentitet.RobotoogMossy*erBankIDsineprimæreprofilfonter.DissfonteneskalbrukestiltitlerogprofilerendetekstersåfremtdetertekniskmuligpåaltprofilerendemateriellfraBankID.
LisensieringPågrunnavloverogreglerknyttettillisensiering,måunderleverandørerogtrykkeriervedbehovselvkjøpenødvendigelisenserforvåreprofilfonter.
TYPOGRAFI
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
4.3Sekundærprofilfont
MossyIDRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå 0123456789!?”#$%&/( )@
MossyIDMedium
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå 0123456789!?”#$%&/( )@
MossyIDBold
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå 0123456789!?”#$%&/( )@
Mossy (ID)MossyIDerredesignetforBankID.DenerbasertpåfontenMossysomerenfreewaredesignetavdetFranskedesignkollektivetBibliopolæi2008.MossyIDertegnetuttykkerei3vektinger(Regular,MediumogBold).SkriftenerentynnrelativtlettlesthåndskriftogskalfungeresomenprofilfontsommykereogpersonligoppmotRobotoikomunikas-jonentilBankiD.FontenbrukesMossyerenhåndskrevetfontbasertpåHelveticasformer.
BruksområdeMossybenytteskunioverskrifterogkorteprofilerendetekster.
TYPOGRAFI
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
4.4Typografiforwebogskjerm
ArialRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789!?”#$%&/( )@
SourceSansProRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅabcdefghijklmnopqrstuvwxyzæøå0123456789!?”#$%&/( )@
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
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
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
5.2Eksempler,foto
FOTOSTIL
PROFILEN LOGO FARGER TYPOGRAFI FOTOSTIL
5.3Eksempler,illustrasjoner
FOTOSTIL
Recommended