Brand guidelines

Denna sida finns till för att hjälpa dig förstå vilka vi är och ge dig de verktyg som behövs i din strävan att väcka nyfikenhet, entusiasmera, inspirera och dela med dig av kunskap för att hjälpa andra i sin strävan att väcka nyfikenhet, entusiasmera, inspirera och dela med sig av kunskap. Varför?  För det är vad vi gör.

Innehåll...

01. Vårt varumärke

02. Logotyp

03. Färger

04. Typografi

05. Visuella element

06. Bildmanér

07. Filmmanér

08. Tonalitet

09. Designexempel

01. Vårt varumärke

Humly vill balansera det okomplicerade och direkta med det livfulla och flexibla, det trygga med det utmanande, det seriösa med det inspirerande. Vi belyser personlig närvaro i en samtida digital kontext lika mycket som digitalisering i en mänsklig kontext. Vi vill vara skalbara, entusiasmerande utan onödigt krångel. Och du, vi väcker nyfikenhet också!

Vision

Vi vill frigöra och lyfta fram potentialen hos flexibla utbildare!

Mission

Vår mission är att hjälpa skolor och förskolor att uppnå sitt uppdrag att motivera och engagera barn och ungdomar, även när ordinarie pedagog saknas. För att uppnå detta utvecklar vi en digital marknadsplats, som utan onödigt krångel matchar flexibla utbildare med utbildningsuppdrag utifrån deras drivkrafter och kompetenser.

Humly arbetar för att vara en positiv kraft i samhället!

Värderingar

Vi tänker stort, börjar smått och agerar nu! Tillsammans kan vi nå oanade höjder! Så våga drömma och gör ditt bästa.

Vi är nyfikna! Att lära sig och förstå mer är vad som får oss att växa. Nyfikenhet för världen framåt.

Vi bryr oss om helheten! Känn stolthet i vad vi åstadkommer tillsammans och var objektiv i vad som gynnar oss och våra användare.

Vi är ödmjuka! Vi väljer att vara prestigelösa och ser potentialen i, samt respekterar våra medmänniskor.  

Who we are

Here at Humly we are a friendly, humble and curious bunch. In fact, it was  curiosity that got us going in the first place.

Two young, Swedish engineering students called Gustav and Kristoffer, were curious about education and learning and curious about the best way to get people with knowledge and experience to the students and educational settings who needed it. So they brought together a lovely team of people to help them solve the problem and now here we are talking to you!

We started working straight away, trying to connect the people who were passionate about sharing their skills, with the schools and pre-schools that wanted to learn and experience those skills. In our quest to do this, we found that the existing systems contained a lot of doors and locks that needed to be opened  before a possible match was made. Now, here at Humly we are definitely not into locked doors or barriers, we are about openness, visibility and instant access. We knew there were apps that connected people to holiday homes,  people to food providers and people to transport solutions. 

So, we used our curiosity, youth, passion and enthusiasm to create a whole new approach.  We created a digital marketplace that connects you with your potential future employer. This means that you no longer need to squint through keyholes at them and they no longer need to squint through keyholes at you. With Humly all doors are open and we have even oiled the hinges by offering you continual professional training to ensure that you and the school that employs you, are a perfect match.  We are also so proud that this is all accessible through an app that is really easy to use.  I suppose you could say that we made your finger into the key to your future!

However, this does not mean that we are now resting. We are still curious; curious about getting better at what we do, curious about learning, curious about what ice-cream is the best, but most of all we are curious about you. We want to know more about you, so that you might let us help you find your future job or find your future staff. In our humble opinion we think we could become very good friends.

Humly - Curious enough to learn.

Experienced enough to know.

02. Logotyp

Vår logotyp står som representant för varumärket och är en av de viktigaste och mest grundläggande delarna av vår kommunikation. Den binder samman våra designelement genom flera olika beröringspunkter och ger oss möjligheten att fritt röra oss mellan förnuft och känsla. Vad vi än säger och när vi än säger det signaleras våra värden.

03. Färger

Vår färgpalett balanserar det trygga med det utmanande, det seriösa med det livfulla. Vårt uttryck tillåts vara förtroendeingivande och samtidigt entusiasmerande. Konsekvens och tydliga användningsområden ger oss möjlighet att stärka identitet och budskap genom känslor kanaloberoende.

Humly Green

Hex - #00B58B

RGB - 0, 177, 137

CMYK - 75, 0, 58, 0

PMS - 339

Humly Dark Blue

Hex - #002A5E

RGB - 0, 42, 94

CMYK - 100, 86, 38, 28

PMS  - 648

Humly Light Blue

Hex - #E6F2FF

RGB - 230, 242, 255

CMYK - 10, 4, 0, 0

PMS - 656

Accent

Våra accentfärger har till syfte att vara uppiggande och bringa liv. Primärt används accentfärger till illustrationer eller restriktivt som dekorativt inslag.

Humly Yellow

Hex - #F8EB95

RGB - 248, 235, 149

CMYK - 5, 3, 52, 0

PMS - 600

Humly Pink

Hex - #FFBDC2

RGB - 255, 189, 194

CMYK - 0, 36, 15, 0 

PMS - 182

Humly Turquoise

Hex - #8EDFE2

RGB - 142, 223, 226

CMYK - 46, 0, 17, 0

PMS - 304

Humly Purple

Hex - #7938B0

RGB - 121, 56, 176

CMYK - 71, 83, 0, 0

PMS - 266

Humly Purplishred

Hex - #B33C86

RGB - 179, 60, 134

CMYK - 33, 87, 9, 0

PMS - 7647

Humly Light Violet

Hex - #7677EB

RGB - 118, 119, 235

CMYK - 66, 56, 0, 0

PMS - 2715

Nyanser

Det finns ljusare och mörkare nyanser av alla färger, de är till för eventuella skuggor och highlights för att medföra djup.

04. Typografi

Typografi är ett centralt designelement i vår visuella identitet. Det skrivna språket kommunicerar med allt från tonalitetens ordval och språkbruk till typsnittens färg och form. Även hur yta layoutas, storleksförhållanden mellan element eller hur dessa kombineras säger något. Oavsett vad vi ska säga, när eller var brukar huvudfokus ligga på att vara enkla, tydliga och konsekventa.

Typsnitt

Kombinationen av Basecoats modernistiskt geometriska men mänskliga, handskrivna känsla och det läsvänliga Open Sans ger en bra balans mellan det trygga, förtroendeingivande och det nyfiket livfulla. Med Permanent Marker stärks den mänskliga närvaron och vi får utrymme att vara lättsamt personliga.

Pssst!

Vikarierande Googletypsnitt

När ordinarie rubriktypsnitt Basecoat tyvärr inte kan närvara på Googles plattformar hoppar Montserrat in som vikarie.

Användning

Vi har som princip att göra det så enkelt som möjligt att underlätta läsandet. Det behövs en blandad kompott av konsekvens, rytm, balans och variation. Med en tydlig hierarki skapas struktur och vi får hjälp att prioritera rätt.

Här har vi en enklare snabbguide för hjälp med storleksförhållanden:

Humly typografi - storleksguide

Storlek

En liten lathund för beräkning av storleksförhållanden. Utgångspunkt är brödtextens storlek. Nedan baserat på exempel till höger.

Brödtext (Ex. 16)

Ingress = Bröd x 1,25

H4 = Bröd x 1,25

H3 = Bröd x 1.6 

H2 = H3 x 1.6

H1 = H2 x 1.3

Kommentar = Bröd x 1,25

För löpande brödtext bör vi hålla oss vid 10-11pt i tryck och 16-18px digitalt.

Radavstånd

Brödtext = sin storlek x 1,6.

Ingress = sin storlek x 1,6.

H4 = sin storlek x 1,4.

H3 = sin storlek x 1,3.

H2 = sin storlek x 1,2.

H1 = sin storlek x 1,2.

Kommentar = sin storlek x 1,2.

Radlängd

Radlängd för brödtext bör vara mellan 50-80 tecken. 65 är en vedertagen riktlinje för god läsbarhet.

05. Visuella element

Vi har en finfin vertygslåda med grafiska element för att stärka Humlys känsla och uttryck. Syftet är att uppiggande komplettera foto och typografi, vi vill skapa liv och ha möjlighet till flexibilitet. Det är här accentfärger kommer mest väl till pass. Vår visuella identitet är inte illustrations- eller grafikbärande så det är med sunt förnuft och en varsam hand vi botaniserar i och plockar av smörgåsbordet.

Illustration

Dessa ska representera alla. Vi vill inte anspela på uppenbara vedertagna normer m.m. Detta utan att tappa identitet och behålla ett fokus målgruppen. För ett karaktäristiskt och eget uttryck, och som röd tråd, förstärks och överdrivs t.ex. frisyrer lite surrealistiskt.

Bakgrund

Detta visuella element ger en visuell balanserad bas, men också ett djup och anspelar på känslan av ett rum i perspektiv. Det är i det gemensamma rummet vi finns, där mötet mellan människor sker och där magi skapas, det är i detta rum vi kommunicerar.

Byggstenarna för detta rum består av ett element att använda fram (golvet) och tre att välja mellan bakom (väggarna). 

Här jobbar vi i princip uteslutande med vår basfärg Light Blue inkl.  nyanser. Detta mot vit bakgrund.

Ikoner

Baserade på vedertagna symboler och ikoner men med vår mänskliga touch kan vi skapa tydlig hierarki och dynamik i, samt förtydliga, vårt budskap.

Infoboxar

I vår verktygslåda har vi fem olika infoboxar att använda i olika sammanhang. Eftersom vi gillar konsekvens väljer vi helst en primär- eller sekundärfärg, men å andra sidan tycker vi inte om det livlösa och enformiga så vid behov livar vi gärna upp med accentfärg. 

06. Bildmanér

Våra bilder är (också) en väsentlig del av vår kommunikation. Att använda bilder på ett konsekvent sätt hjälper de oss att förmedla en enhetlig bild av vilka vi är.

Profilerande 

Med hjälp av bl.a. symboler och metaforer skapas i symbios med vårt visuella uttryck och dess beståndsdelar  bilder som de människor vi vänder oss till kan relatera till. Vi belyser vad vi sysslar med, vilken effekt vårt bidrag har eller vilka problem vi löser.   

Ska kännas:

- inspirerande

- intresseväckande

- ödmjuka

- genuint härliga  

Verkliga bilder

Vi finns på riktigt. Vi är riktiga människor som träffar riktiga människor och som gör en riktig insats. Därför har vi också ett mer dokumenterande bildmanér som visar upp vardagen och de verkliga situationer som uppstår. 

Ska kännas:

- autentiska

- varma

- positiva

- nära

- genuint härliga 

07. Filmmanér

I rörlig bild spelar många aspekter en avgörande roll i vad som kommuniceras tack vare att just rörlig bild innehåller så många saker som berör emotionellt. Inte bara det visuella som i vad som porträtteras eller ljus och utsnitt är superviktigt. Här har även rytm, tempo, och kanske framförallt ljud en megaviktig roll.  

Varumärkes-byggande

Text kommer snart

Vikariefilmer

Text kommer snart

Explainer-filmer

Text kommer snart

08. Tonalitet

Varumärket Humlys personlighet är tonaliteten vi använder när vi kommunicerar med omvärlden. Genom ordval, frasering och tonfall förmedlar vilka vi faktiskt är och våra värderingar. Människor ska förstå att vi är enkla och entusiasmerande för att vi uttrycker oss enkelt och entusiasmerande. Vår nyfikenhet och ödmjukhet, vårt utmanande och framtida sätt återfinns alltid i vår kommunikation så människor intuitivt förstår vad vi står för.

Vi har tagit fram fem skrivtips för bättre humlyska. Följer du dessa när du skriver eller talar för Humly.

Enkelhet

Vi förenklar någonting krångligt. Samma sak gäller när vi kommunicerar. Vi väljer ord alla förstår framför högtravande fikonspråk. Tydligt, konkret, du fattar! Inget krångel – som Humlys tjänst.

Optimism

Vi ser potentialen hos sådant andra fnyser åt. Vi är eviga optimister som tror alla har förmåga att lyckas. Vi skriver med tonen och i tron att vi kan uppmuntra alla bli sitt bästa jag.

Annorlunda

Vi vågar särskilja oss från våra konkurrenter. Vi vågar vara direkt. Vi säger det oväntade när det passar och det gör Humly speciella.

Med syfte

När vi säger något gör vi alltid det av en anledning - det är till nytta för någon. Varje mening vi skriver informerar, förklarar, guidar eller underhåller. Ingen mening saknar syfte.

Läs leende

Läs texten högt för dig själv – kan du läsa den med ett leende som bekräftar lyssnaren? Om ja, då har du skrivit humliskt.

09. Design-exempel

Här följer en rad exempel på hur det kan se ut i praktiken!

Wilson Creative är en byrå i Kalmar och Stockholm som sysslar med kärleksfull kommunikation.

wilsoncreative.se

Kontaktperson Humlys varumärkesidentitet

Mikael Karlsson

Art Director

+46 73-733 47 73

mikael@wilsoncreative.se