2020 Januari
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.

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å!
Mer undervisning,
mindre krångel!
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.
I vår kommunikation är vi:
- Nyfikna
- Utmanande
- Framtida
- Entusiasmerande
- Ödmjuka
- Enkla
Who we are
in english...
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.

Versioner
Vi knölar inte till det med en massa olika versioner men kan variera i färg mellan positiv och negativ.
Basbild: Positiv version
Hover-bild: Negativ version


Minsta storlek
Det finns inga fasta storlekar men minsta
rekommenderade storlek är 20 mm/120 px.
Maxstorlek finns inte, men det är viktigt att
logotypen sätts i motiverad och proportionerlig
storlek i dess kontext.

Friyta
Friytan finns för att säkerställa att inget annat
element konkurrerar visuellt med logotypen. Här
utgår vi från höjden på höjden av “h”.


Symbol
Fristående
Basbild: Positiv & negativ
Hover-bild: Friyta & minsta storlek


Symbol
På platta
Basbild: Positiv & negativ
Hover-bild: Friyta & minsta storlek



humly.io
Ibland vill vi hänvisa direkt till sajten, humly.io, utan att krångla till det. Då använder vi Humly-logotypen med det lilla .io-tillägget.
Basbild: Positiv version
Hover-bild: Negativ version


Payoff
Vår payoff är "Mer undervisning, mindre krångel", men vi skriver den på lite olika sätt beroende på hur, var och när. Häng med!
A) Som tillägg till logotypen. Med streck, men utan punkt eller utropstecken.
B) Som rubrik eller i brödtext (Basecoat/Open Sans). Med kommatecken och punkt.
C) Som glatt tillrop (Permanent marker). Med kommatecken och utropstecken.




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.
Primär
Vår gröna används som bärande profilerande färg. Den behöver inte alls vara dominant men är den färg som slutligen säger att det är just vi som är anvsändare. Främst genom logotyp.
Humly Green
Hex - #00B58B
RGB - 0, 177, 137
CMYK - 75, 0, 58, 0
PMS - 339

Sekundära
Våra sekundära färger ingår i vår profilerande bas. Marinblå används i t.ex. text mot ljusbakgrund och kan också utgöra ett kompletterande inslag. Ljusblå används främst till bakgrundselement.
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!

Mässmaterial

Anställningsavtal

Presentation

Gatupratare
© 2019-2020

Wilson Creative är en byrå i Kalmar och Stockholm som sysslar med kärleksfull kommunikation.
Kontaktperson Humlys varumärkesidentitet
Mikael Karlsson
Art Director
+46 73-733 47 73
mikael@wilsoncreative.se