Partnermanual by urb-it

STORE KIT

urb-it – Store Kit 2016

INLEDNING

Denna partnermanual är en lathund som säkerställer att vi kommunicerar urb-it konsekvent och korrekt. Manualen beskriver vilka vi är, vårt koncept, vår visuella identitet och vår språkliga tonalitet. Den innehåller en samling riktlinjer, direktiv och exempel avsedda att förenkla ert arbete när ni ska integrera urb-it i era kanaler. Allt finns på plats för att underlätta när det är dags att t ex skapa nya enheter, ta fram kampanjer eller bygga in urb-it i er checkout. Vårt mål är att bygga ett starkt, personligt och unikt varumärke som erbjuder en upplevelse utöver det vanliga. För att lyckas med detta behöver vi kommunicera konsekvent och tydligt i alla kanaler. Hantera alla beståndsdelar varsamt och läs igenom manualen noga innan ni påbörjar ert arbete.

urb-it – Store Kit 2016

INNEHÅLL

STORE KIT ...................................... 1

Knappar exempel.......................... 26 Ikoner ........................................... 32

Inledning ........................................ 2 Innehåll .......................................... 3 Logotyp.......................................... 4 Färger ............................................ 6 Transparens ................................... 7 Frizon ............................................. 9 Storlek ..........................................10 Dont’s .............................................11 Integration .................................... 12 Färger .......................................... 20 Palett ............................................ 21 Knappar & Designelement ........... 24 Knappar ....................................... 25

urb-it – Store Kit 2016

Typografi ..................................... 34 Typsnitt ........................................ 35 Bildspråk ...................................... 36 Image urba ................................... 37 Social media content ................... 40 Copy ............................................ 44 Om urb-it ..................................... 45 Handla online................................ 46 Så fungerar urb-it ........................ 47 Good words – bad words ............. 48 Stavningsregler ............................ 50 Typiska begrepp ........................... 51 Bannertext ................................... 52 Specialerbjudanden ..................... 53 Infotext......................................... 54 FAQ .............................................. 55 Sociala medier ............................. 57

Logotyp

urb-it â&#x20AC;&#x201C; Store Kit 2016

LOGOTYP

urb-its uppdaterade logotyp ska ge känslan av ett smart, personligt, innovativt och sympatiskt företag i tiden. Logotypen består av ordbilden urb-it samt en u-symbol. Ordbilden är uppbyggd av en tidlös, stilren och okomplicerad typografi som harmoniserar med det lekfulla u:et. Tillsammans skapar dessa en logotyp som på ett smakfullt och självsäkert sätt visualiserar verksamheten.

urb-it – Store Kit 2016

LOGOTYP – Färger

Logotypen ska i största möjliga mån användas negativ (vit) men finns också att tillgå i en positiv version som går i en djupgrå färgnyans hämtad från urb-its färgpalett. För att säkerställa ett enhetligt uttryck ska alltid logotypen återges i något av dessa två färgalternativ. Beroende på sammanhang kan ni välja vilken av logotyperna som passar bäst. När bakgrunden är mörk återges med fördel logotypen negativ. I de fall där bakgrunden är så pass ljus att den vita logotypen riskerar att bli otydlig, återges med fördel logotypen djupgrå.

CMYK: C 0 M 0 Y 0 K 0 RGB: R 255 G 255 B 255 PMS: White HEX: #ffffff

CMYK: C 77 M 67 Y 61 K 84 RGB: R 25 G 25 B 25 PMS: 426 C HEX: #191919

urb-it – Store Kit 2016

LOGOTYP – Transparens

Logotypen kan också användas med transparens för att lyfta fram och harmonisera med bilder och upplevas mer premium och mindre platt. Den negativa logotypen ska återges med 90% opacitet.

urb-it – Store Kit 2016

LOGOTYP – Transparens

Logotypen kan också användas med transparens för att lyfta fram och harmonisera med bilder och upplevas mer premium och mindre platt. Den negativa logotypen ska återges med 80% opacitet.

urb-it – Store Kit 2016

LOGOTYP – Frizon

För att stärka och skydda varumärket och skapa maximal läsbarhet och synlighet, behövs en omgivande frizon. Den säkerställer att logotypen inte blir ”störd” av andra element som t ex bilder, texter eller illustrationer. Inom detta område får ingenting placeras. Frizonen definieras som bredden av ordbilden. Med andra ord ska storleken på ordbilden adderas i alla riktningar. Detta skyddsområde är alltid proportionerligt med storleken i logotypen.

urb-it – Store Kit 2016

LOGOTYP – Storlek

Logotypen får aldrig vara mindre än 10 mm i bredd. Detta säkerställer läsbarhet över en rad olika tillämpningar. När logotypen behöver återges i mindre format än 10 mm i bredd används enbart symbolen/u:et.

40 pixlar (72dpi)

urb-it – Store Kit 2016

LOGOTYP – Dont’s

Logotypen får aldrig förvrängas, manipuleras, roteras, beskäras, redigeras eller på annat sätt förändras eller frångå sitt uttryck, sina färger eller proportioner.

urb-it

urb-it – Store Kit 2016

it b r u

LOGOTYP – Integration

För att garantera att både urb-its logotyp och er logotyp kommer till sin rätt krävs en logisk och välbalanserad struktur. Denna är framtagen då alla urb-its parterns har helt olika identiteter och därigenom helt olika förutsättningar rent visuellt. Det är förstås viktigt att logotyperna inte drar uppmärksamhet från varandra utan fungerar som en enhet där båda får det utrymme och synlighet de behöver. Här följer exempel och riktlinjer för hur ni som partner på bästa sätt integrerar urb-its logotyp med ert varumärke.

urb-it – Store Kit 2016

LOGOTYP – Integration

För att stärka och skydda varumärket och skapa maximal synlighet, behövs som tidigare nämnts en omgivande frizon. Den säkerställer att logotypen inte blir ”störd” av andra element. Beroende på form och format på partnerlogotyp har vi tagit fram en grid baserad på frizonen och logotypens utseende. Den ska ni använda er av när ni ska kommunicera er logotyp tillsammans med urb-its.

urb-it – Store Kit 2016

LOGOTYP – Integration

I de fall där partnerlogotypens format, former och omfång påminner om urb-its i använder ni följande exempel och mall. Det finns fyra varianter på placering att välja på. 1. Kopiera den fulla bredden i urb-its logo och applicera den på er egen. Placera er logo ovanför urb-its logo + frizon. 2. Kopiera den fulla bredden i urb-its logo och applicera den på er egen. Placera er logo nedanför urb-its logo + frizon. 3. Kopiera den fulla höjden i urb-its logo och applicera den på er egen. Placera er logo till vänster om urb-its logo + frizon. 4. Kopiera den fulla höjden i urb-its logo och applicera den på er egen. Placera er logo till höger om urb-its logo + frizon.

urb-it – Store Kit 2016

LOGOTYP – Integration

urb-it – Store Kit 2016

LOGOTYP – Integration

I de fall där partnerlogotypens format och former är horisontellt långsträckta använder ni följande exempel och mall. Det finns två varianter på placering att välja på. 1. Kopiera den fulla bredden i urb-its logo + frizon till höger och vänster och använd er sedan av den bredden på er egen. Placera er logotyp ovanför urb-its logo + frizon. 2. Kopiera den fulla bredden i urb-its logo + frizon till höger och vänster och använd er sedan av den bredden på er egen. Placera er logotyp nedanför urb-its logo + frizon.

urb-it – Store Kit 2016

LOGOTYP – Integration

urb-it – Store Kit 2016

LOGOTYP – Integration

I de fall där partnerlogotypens format och former är horisontellt rektangulära och bastanta använder ni följande exempel och mall. Det finns två varianter på placering att välja på. 1. Kopiera den fulla bredden i urb-its logo + frizon till höger och vänster och använd er sedan av den bredden på er egen. Placera er logotyp till vänster om urb-its logo + frizon. 2. Kopiera den fulla bredden i urb-its logo + frizon till höger och vänster och använd er sedan av den bredden på er egen. Placera er logotyp till höger om urb-its logo + frizon.

urb-it – Store Kit 2016

LOGOTYP – Integration

urb-it – Store Kit 2016

FĂ¤rger

urb-it â&#x20AC;&#x201C; Store Kit 2016

FÄRGER – Palett

I den visuella identiteten ingår stilfulla, rena och eleganta färger. Dessa färger säkerställer att urbits grafiska uttryck inte krockar med alla partners spretande identiteter på ett ofördelaktigt sätt. Använd aldrig färgerna heltäckande eller i en form där det upplevs som att de tar över.

urb-it – Store Kit 2016

FÄRGER – Palett

Basen i paletten går i en grundläggande sober, subtil och sval gråskala. Dessa färger är urb-its huvudfärger.

CMYK: C 0 M 0 Y 0 K 0 RGB: R 255 G 255 B 255 PMS: White HEX: #ffffff CMYK: C 4 M 2 Y 2 K 0 RGB: R 247 G 247 B 249 PMS: Cool Grey 50% HEX: #f7f7f9 CMYK: C 28 M 20 Y 21 K 2 RGB: R 193 G 194 B 194 PMS: Cool Gray 4 C HEX: #c1c1c2 CMYK: C 48 M 38 Y 38 K 19 RGB: R 132 G 132 B 132 PMS: 430 C HEX: #848484 CMYK: C 0 M 0 Y 0 K 80 RGB: R 87 G 87 B 86 PMS: 425 C HEX: #575756 CMYK: C 77 M 67 Y 61 K 84 RGB: R 25 G 25 B 25 PMS: 426 C HEX: #191919

urb-it – Store Kit 2016

FÄRGER – Palett

Huvudfärgerna kompletteras av karaktäristiska och personliga färger i gråblåa toner. Dessa färger är urb-its komplementfärger.

CMYK: C 53 M 11 Y 26 K 0 RGB: R 130 G 187 B 192 HEX: #82bbc0 CMYK: C 56 M 28 Y 31 K 8 RGB: R 121 G 152 B 159 PMS: 7696 C HEX: #79989f CMYK: C 71 M 44 Y 42 K 29 RGB: R 74 G 101 B 110 PMS: 7699 C HEX: #4a656e

urb-it – Store Kit 2016

Knappar & designelement

urb-it â&#x20AC;&#x201C; Store Kit 2016

KNAPPAR

Här intill ser ni tre varianter på knappar som ni kan använda er av när ni ska integrera urb-it vid t ex checkout eller produktvy. 1. Ljusgrå med ram 2. Blå med ram 3. Mörkgrå utan ram Välj vilken av dessa tre familjer ni vill använda er av. Blanda dem inte då det ger ett rörigt och inkonsekvent uttryck.

Få

urb-it – Store Kit 2016

KNAPPAR – Exempel

1. Ljusgrå med ram

urb-it – Store Kit 2016

KNAPPAR – Exempel

1. Ljusgrå med ram

urb-it – Store Kit 2016

KNAPPAR – Exempel

2. Blå med ram

urb-it – Store Kit 2016

KNAPPAR – Exempel

2. Blå med ram

urb-it – Store Kit 2016

KNAPPAR – Exempel

3. Mörkgrå utan ram

urb-it – Store Kit 2016

KNAPPAR – Exempel

3. Mörkgrå utan ram

urb-it – Store Kit 2016

IKONER – Så funkar det

Följande tre ikoner är framtagna för att på ett rakt och tydligt sätt beskriva hur urb-it fungerar och vad tjänsten går ut på. De består av tre enkla steg och ska alltid komma i följande ordning:

Du handlar

Du handlar – Vi hämtar – Vi lämnar

Vi hämtar

Vi lämnar

urb-it – Store Kit 2016

IKONER – Så funkar det

Här ser du vilka ikoner som du kan använda för att på ett snabbt och tydligt sätt beskriva vår tjänst. De består av tre enkla steg och ska alltid komma i följande ordning: Du handlar – Vi hämtar – Vi lämnar

urb-it – Store Kit 2016

Du handlar

Vi hämtar

Vi lämnar

Du handlar

Vi hämtar

Vi lämnar

Typografi

urb-it â&#x20AC;&#x201C; Store Kit 2016

TYPOGRAFI – Typsnitt

Circular från Lineto är urb-its huvudtypsnitt och används när vi kommunicerar oss själva. I digitala brödtexter använder vi systemtypsnitt i stället för Circular. De är moderna, funktionella och snygga sans serifer med geometriska skelett och läsvänliga former. WEB: Open Sans iOS: San Fransisco Android: Roboto

Circular Bold. CIRCULAR BOLD. AaBbCcDdEeFfGgHhIiJjkLlMmNn OoPpQqRrSsTtUuVvWwXxYyZz ÅåÄäÖö1234567890!?`^*&_:;.+% Circular Bold Italic. Circular Medium. CIRCULAR MEDIUM. AaBbCcDdEeFfGgHhIiJjkLlMmNn OoPpQqRrSsTt UuVvWwXxYyZz ÅåÄäÖö1234567890!?`^*&_:;.+% Circular Medium Italic. Circular Book. CIRCULAR BOOK. AaBbCcDdEeFfGgHhIiJjkLlMmNn OoPpQqRrSsTt UuVvWwXxYyZz ÅåÄäÖö1234567890!?`^*&_:;.+% Circular Book Italic.

urb-it – Store Kit 2016

Bildspråk

urb-it – Store Kit 2016

BILDSPRÅK – Image urba

Imagebyggande bildmanér med fokus urba och urbers. Ett bildmanér som berättar vad urb-it är och vad tjänsten går ut på. – Allt du kan göra med den tid du sparar. – Hur en urbning går till från start till mål.

urb-it – Store Kit 2016

BILDSPRÅK – Image urba

urb-it – Store Kit 2016

BILDSPRÅK – Image urba

urb-it – Store Kit 2016

Social media content

urb-it â&#x20AC;&#x201C; Store Kit 2016

SOCIAL MEDIA CONTENT

Här följer några olika varianter på contentbilder som ni kan ha glädje av när ni ska berätta om urb-it i era social kanaler. På sid 83 hittar ni också exempel på texter som ni kan använda. 1. Contentbilder – Grå platta Ett tydligt och elegant bildmanér där vi med enkla medel lyfter fram urb-it. Vi använder oss av toner hämtade från urb-its huvudfärger och adderar urbana och naturliga strukturer.

urb-it – Store Kit 2016

SOCIAL MEDIA CONTENT

Här följer några olika varianter på contentbilder som ni kan ha glädje av när ni ska berätta om urb-it i era social kanaler. På sid 83 hittar ni också exempel på texter som ni kan använda. 2. Contentbilder – Blå platta Ett tydligt och elegant bildmanér där vi med enkla medel lyfter fram urb-it. Vi använder oss av toner hämtade från urb-its huvudfärger och adderar urbana och naturliga strukturer.

urb-it – Store Kit 2016

SOCIAL MEDIA CONTENT

urb-it – Store Kit 2016

Copy

urb-it â&#x20AC;&#x201C; Store Kit 2016

COPY

OM OSS

Om urb-it Ett banbrytande bekvämt sätt att handla, helt på dina villkor urb-it är en snabbväxande start-up som skapar ett helt nytt sätt att handla. Med urb-it kan du shoppa online och få varan personligt överlämnad direkt – eller när det passar dig. Kort sagt: shopping på ett banbrytande bekvämt och hållbart sätt. Helt på dina villkor!

urb-it – Store Kit 2016

COPY

SÅ HÄR SKRIVER DU OM OSS PÅ DIN SAJT

Handla online – få ditt köp direkt

1. Handla online – få ditt köp direkt

Nu kan vi erbjuda våra kunder i Stockholms innerstad och närförorter ett helt nytt och banbrytande bekvämt sätt att handla online. Handla med urb-it och få ditt köp direkt dit du vill – eller en annan tid som passar dig. På ett hållbart sätt. Och på ett enormt trevligt, serviceinriktat och, vi måste faktiskt säga det igen, banbrytande bekvämt sätt. Ditt köp överlämnas personligen till dig (eller som present till den adress du angett) för endast 129kr (inklusive moms).

urb-it – Store Kit 2016

COPY

SÅ HÄR SKRIVER DU OM OSS PÅ DIN SAJT

Så fungerar urb-it

1. Så fungerar urb-it

Du handlar. Handla på butikensnamn.com och välj urb-it i kassan för att få ditt köp direkt eller den tidpunkt du själv väljer. urb-it hämtar. En urber hämtar din beställning från vår butik och messar dig när hen är på väg hem till dig. Du kan dessutom följa din urber i realtid via urb-it- appen och ha stenkoll på vart din vara befinner sig. Skulle du bli tvungen att flytta dig innan din urber är framme kan du alltid skicka ett personligt meddelande till hen och ange din nya adress. urb-it lämnar. Urbern lämnar över varan till dig personligen till den adress du angett, så länge du befinner dig i Stockholms innerstad eller närförorter.

urb-it – Store Kit 2016

COPY

GOOD WORDS — BAD WORDS

Vi säger

urb-it – Store Kit 2016

Vi säger inte

Ditt köp

Din leverans

Ett nytt sätt att handla

Ett nytt leveranssätt/fraktsätt

Banbrytande bekvämt

Snabb leverans

En shoppingupplevelse

En leverans

Överlämna / Lämna / Kommer med

Leverera

Handla med urb-it

Välj urb-it som leveranssätt

Nu-handel

Expresstjänst

Nu-shopping

Snabb frakt

Nu-lön

Månadslön, timlön

Du får ditt köp direkt dit du vill

Leveranser sker enligt önskemål på beställning till den leveransadress du angett eller dit du just råkar befinna dig efter en timmes lagd beställning eller vid den specifikt angivna tiden

Stockholms innerstad

Stockholm innanför tullarna

Shop and enjoy!

Beställ och hämta ut din vara på ditt angivna utlämningsställe

COPY

GOOD WORDS — BAD WORDS FORTSÄTTNING

Vi säger

urb-it – Store Kit 2016

Vi säger inte

Direkt

One hour, en timme

Vi uppskattar att du får din vara inom 1,5 h

One hour, en timme

COPY

STAVNINGSREGLER

urb-it – Store Kit 2016

Vi stavar alltid urb-it med litet u. Även när vi startar en mening med vårt namn, så är det LITEN bokstav som gäller!

COPY

TYPISKA BEGREPP

Typiska begrepp Urber. En social, supertrevlig och enormt serviceinriktad person som brinner för att uppfylla dina behov och att ge dig en revolutionerande bekväm shoppingupplevelse. Att urba. Ett banbrytande bekvämt sätt att handla. Beställ online och få din vara precis dit du vill, exakt när du vill. Med andra ord: att shoppa helt på dina villkor!

Verb urba, urbar, har urbat, urbade

Substantiv urber, urbers, urbning

urb-it – Store Kit 2016

COPY

BANNERTEXT

Text till banner på produktsida 1. Få xxx (skriv in din produkt) direkt eller när det passar dig bäst. 2. Få xxx (skriv in din produkt) direkt eller när det passar dig bäst, i Stockholms innerstad och närförorter. 3. Få xxx (skriv in din produkt) dit du vill när du vill. För dig i Stockholm – få ditt köp direkt med urb-it.

urb-it – Store Kit 2016

COPY

SPECIALERBJUDANDEN

Vid specialerbjudanden 1. Just nu: Gratis urbning på xxx (skriv in din produkt) 2. Använd kod ”xxx” för gratis urbning

urb-it – Store Kit 2016

COPY

INFOTEXT

Info urb-it erbjuder personlig överlämning av dina varor, när och där du vill. Du som köpare har full kontroll på vem det är som sköter din order från och med att en urber har accepterat ditt uppdrag. Alla urbers går igenom en grundlig licensieringsprocess och utbildning innan de börjar utföra uppdrag. Du kan alltid följa ditt köp i urb-it-appen för iOS eller för Android. Skulle du bli tvungen att flytta dig innan din urber är framme kan du alltid skicka ett personligt meddelande till din urber och ange din nya adress. Personlig överlämning med urb-it sker mellan kl 10.00–18.00 helgfri måndag till fredag, kl 12:00–16:00 lördagar och kl 13:00–15:00 söndagar. Om du och urbern inte etablerat en kontakt efter cirka 15 minuter när överlämning borde skett kommer din urber att kontakta dig tre gånger via telefon och/eller sms – om hen ej får kontakt kommer ordern anses som outlöst.

urb-it – Store Kit 2016

COPY

FAQ

Vanliga frågor och svar Vad kostar det att använda urb-it? Det kostar 129 kr att få din vara med urb-it direkt eller den tid du själv väljer. Pengarna går direkt till den urber som överlämnar din vara. Var kan jag handla med urb-it? urb-it har anslutna butiker i hela Stockholms innerstad. För att kunna få din vara med urb-it krävs det att du befinner dig inom urb-its överlämningsområde. Klicka här för att se urb-its geografiska område. Hur säkert är det att välja urb-its tjänster? Alla urb-its medarbetare, så kallade urbers, genomgår en grundlig utbildning och licensiering innan de börjar ta uppdrag. Varje gång du använder urb-it får du information om vem som tar ditt uppdrag, och du kan själv kontakta hen direkt. Kan jag kontakta min urber? Ja, det kan du! Om du t ex behöver flytta på dig kan du kontakta din urber via appen i realtid, fram tills att du tagit emot din vara.

urb-it – Store Kit 2016

COPY

FAQ FORTSÄTTNING

Vanliga frågor och svar Kan jag välja vilken adress jag vill att urb-it ska komma till när jag beställer i shoppen? Om du vill få ditt köp med urb-it till en valfri adress i Stockholms innerstad och närförorter så går det finfint! Du får ditt paket personligt överlämnat direkt, eller på en tid som passar dig. Så här gör du: Fyll i vilken adress du vill få ditt köp till, det gör du i själva beställningsflödet under ”urb-it” och tryck på ”bekräfta adressen” för att se om leverans är möjlig.

urb-it – Store Kit 2016

COPY

SOCIALA MEDIER

Exempel på texter du kan använda för att beskriva vår tjänst i sociala medier 1. Nu kan du urba hem din nya xxx direkt. #urbit 2. Klädpanik? Nu kan du urba en ny outfit direkt till kontoret. #urbit #urba #fixaaw:n 3. Orkar du inte laga mat i kväll? Urba hem godaste middagen från oss direkt. 4. Sugen på en helt grym shoppingupplevelse? Nu kan du urba hem din beställning direkt (eller när det passar dig). 5. Fikasugna? Urba xxx (skriv in din produkt) till kontoret och då dessa godbitar direkt. #urbit #kontorsfika 6. Utgång efter jobbet i kväll? Klicka hem denna snygga nyhet i vår webbshop och få den direkt. En urber kommer med din outfit direkt till kontoret (eller en tid som passar dig). #urbit #happyfriday

urb-it – Store Kit 2016

COPY

SOCIALA MEDIER FORTSÄTTNING

Exempel på texter du kan använda för att beskriva vår tjänst i sociala medier 7. Nu kan du handla xxxx medan du drinkar / bowlar / kollar Netflix (alt annan aktivitet). En urber kommer med dina must haves exakt dit du vill, när du vill.

urb-it – Store Kit 2016

Tack!

urb-it â&#x20AC;&#x201C; Store Kit 2016