kb_header

Innehåll

Logotyp

Ikoner

Typsnitt

Färger

Mönster

Tonalitet

Bildmanér

Exempel

Välkommen till Karlshamnsbostäders grafiska manual!


Hur bygger man ett starkt varumärke? 

Och vad behövs för att ens kunna börja bygga? 


Den här grafiska manualen ger tydliga riktlinjer kring vilken typografi, vilka färger och andra grafiska element som ska användas för att det ska vara solklart att Karlshamnsbostäder är avsändare. Vi kan kalla det för våra "visuella signaler". Och det gäller att vara konsekvent och noggrann med dem – oavsett om vi vill marknadsföra ett nytt bostadsområde eller berätta om det lyckade sommarlägret för ungdomar. Om vi gör det på rätt sätt så känns vi igen på allt från  de gröna nyanserna och vårt mönster till vårt sätt att skriva. Det är starkt!


Gör och gör inte. Information och exempel. Tydligt, trevligt och inspirerande om hur det kan låta och se ut när vi på Karlshamnsbostäder kommunicerar på allra bästa sätt. Vi hoppas att du hittar alla svar här. Är det något du saknar, inte förstår eller vill veta mer om? 

Tveka inte att kontakta Elisabeth Bååth på elisabeth.baath@karlshamnsbostader.se



Logotypen


K:et är stommen i vår logotyp – den gemensamma symbolen och kännetecknet för bolaget. I logotypen syns vårt "K" tillsammans med bolagsnamnet.  Där logotypen syns är det tydligt att det är vi på Karlshamnsbostäder som är avsändare. Men ibland jobbar K-symbolen "helt solo" – se mer under avsnittet "Symbolen".


Det är viktigt att logotypen syns tydligt och har god läsbarhet. Därför ska den alltid placeras på neutrala ytor. 


Undvik att:

→ Beskära logotypen

→ Förändra färgerna

→ Typografera om

→ På annat sätt förändra originalet


Placera muspekaren på bilden för att se en negativ version av logotypen. 


! Klicka på knappen nedan för att ladda ner den primära logotypen. Om du behöver logotypen i annat utförande, kontakta: elisabeth.baath@karlshamnsbostader.se

kb_logo kb_logo_neg2
kb_logo_neg3

Liggande logotyp


När det inte finns tillräckligt mycket plats för den primära logotypen, eller när designen gynnas av ett avlångt format, kan en liggande version användas.

kb_logo_liggande
Ladda ner Logotypen

Friyta


Friytan är som en barriär av tomhet. Den skyddar och stärker logotypen genom att hålla andra element på lagom avstånd. 


Använd bredden på den lodräta stapeln i K:et för att se till att avståndet till andra objekt är tillräckligt stort. Detta gäller för 

alla versioner av logotypen.



kb_logo_friyta

Placering


Om logotypen placeras tillsammans med 

andra bolags logotyper ska vi helst använda 

den primära logotypen vilket brukar ge bäst 

exponering. Vid vissa tillfällen kan den liggande 

logotypen behöva användas. Logotyperna 

måste även placeras med sådant avstånd

mellan varandra att friytan inte blockeras.

kb_placering_samarb

Minsta storlek


För att läsbarheten ska vara okej behöver logotypen vara minst 25 mm bred. Har du ett format som kräver mindre mått än så? Välj att bara använda K-symbolen (utan bolagsnamn).

kb_logo_minsta

Symbolen


Ibland passar det bäst att bara sätta K-symbolen som avsändare. Det kan vara i sociala kanaler, produktioner i litet format eller bara för att den avskalade symbolen ger bäst effekt – till exempel på en fasad. 


Undvik att:

→ Beskära symbolen

→ Förändra färgerna

→ På annat sätt förändra originalet

Ladda ner symbolen
kb_symbol kb_symbol_cover

Typografin







Ladda ner Typsnitten

God typografi märks inte brukar en säga. För typsnitt som fungerar gör texter lättlästa och tillgängliga. Här i profilen delar vi in de typsnitt vi valt i två områden, profiltypografi och vardagstypografi. Varför då? Jo, olika situationer kräver typsnitt med olika egenskaper och de två kategorierna ger dig de verktyg du behöver för att att ge alla produktioner ett professionellt och konsekvent utseende. Och det utan att det spelar någon roll vilka programvaror, typsnitt och kunskaper just du har att jobba med.  


PROFIL

Profiltypsnittet Montserrat (rubriker) används främst till rubriker men ibland också kortare texter i  profilerande produktioner som till exempel hemsidan, visitkort, folder/broschyr, affisch, annonser, roll ups, årsredovisning och montervägg m.m. Profiltypsnittet Roboto (används för brödtext. De här båda typsnitten kräver inte någon licens, utan finns att ladda ner gratis via Google fonts. 


VARDAG

Vardagstypsnitten, Century Gothic (rubrik), Garamond (brödtext) och Arial (bild- eller tabelltext) ska kunna användas av alla och finns förinstallerade i Microsoft programvaror. 

PROFIL:

Rubriktypsnitt

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

PROFIL: 

Brödtypsnitt

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Typografisk hierarki


Rubrik (Montserrat)


Brödtext (Roboto) Donec lectus orci, molestie sit amet magna et, porttitor dictum massa. Integer commodo volutpat ligula, in sodales augue hendrerit id. Vestibulum tincidunt eget erat sollicitudin tempor. Curabitur purus justo, fringilla vel convallis fringilla, posuere in orci. Donec viverra condimentum rhoncus. Nulla vehicula imperdiet ornare. Nullam suscipit volutpat laoreet. Vestibulum rhoncus lacus purus, in ornare est posuere at. Donec imperdiet dignissim dui. Donec lectus orci, molestie sit amet magna et porttitor.

VARDAG:

Rubriktypsnitt

Century Gothic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

VARDAG:

Brödtypsnitt

Garamond

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

VARDAG:

Små texter

(t.ex. bildtexter)

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Typografisk hierarki


Rubrik (Century Gothic)


Brödtext (Garamond) Donec lectus orci, molestie sit amet magna et, porttitor dictum massa. Integer commodo volutpat ligula, in sodales augue hendrerit id. Vestibulum tincidunt eget erat sollicitudin tempor. Curabitur purus justo, fringilla vel convallis fringilla, posuere in orci. Donec viverra condimentum rhoncus. Nulla vehicula imperdiet ornare. Nullam suscipit volutpat laoreet. Vestibulum rhoncus lacus purus, in ornare est posuere at. Donec imperdiet dignissim dui. Donec lectus orci, molestie sit amet magna et porttitor.


Och en bildtext i Arial.

Färgpaletten


Karlshamnsbostäder har en ny färgpalett med primärfärger och accentfärger som stärker varumärket. De primära färgerna är en grönblå färg i kombination med ljus mint. 


Accentfärgerna är lila, orange och rött – färgklickar att använda i till exempel profilens mönster, mindre detaljer eller för att bryta av det gröna.


Det finns även en skala med gröna nyanser. 


Undvik att:

→ Hitta på egna färger

→ Förändra färgkoderna

→ Använda de sekundära färgerna (accent och nyans) i alltför stor utsträckning

Svart

  • HEX #000000

  • RGB 0, 0, 0

  • CMYK 0, 0, 0, 100

Primär – Blågrön

  • HEX #0F6D6A

  • RGB 15, 109, 106

  • CMYK 93, 28, 57, 17

  • PMS 3295 C

Accent – Lila

  • HEX #BC0082

  • RGB 188, 0, 130

  • CMYK 25, 100, 0, 0

  • PMS 233 C

Vit

  • HEX #FFFFFF

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

Primär – Mint

  • HEX #D0E8E6

  • RGB 208, 232, 230

  • CMYK 22, 0, 12, 0

  • PMS 622 C

Accent – Röd

  • HEX #E22440

  • RGB 226, 36, 64

  • CMYK 0, 92, 67, 0

Accent – Orange

  • HEX #F26D00

  • RGB 242, 109, 0

  • CMYK 0, 65, 100, 0

  • PMS 3564 C

Nyans – Grön 1

  • HEX #229285

  • RGB 34, 146, 133

  • CMYK 78, 20, 52, 4

  • PMS 2456 C

Nyans – Grön 3

  • HEX #E6F0ED

  • RGB 230, 240, 237

  • CMYK 12, 2, 8, 0

Nyans – Grön 2

  • HEX #79B6A6

  • RGB 121, 182, 166

  • CMYK 57, 10, 40, 0

Mönstret


Karlshamnsbostäders alldeles egna mönster är skapat av de tre former som finns i vårt "K" – strösslade på ett dynamiskt manér. Det är livfullt och glatt och de olika delarna kan brytas ut för att fungera som accenter och dekoration, till exempel till bilder (se designexempel nedan).


Undvik att:

→ Lägga mönstret på en redan plottrig yta – det behöver en lugn bakgrund

→ Ändra färgerna i de framtagna varianterna

→ Lägga mönstret i för liten storlek

→ På annat sätt förändra originalet


Placera muspekaren på bilden för att se hur mönstret ser ut på en ljusgrön bakgrund. 

kb_manual_monster kb_manual_monster_ljust
kb_manual_monster_gront
Ladda ner Mönstret

Ikonerna


Våra ikoner är uppbyggda genom att kombinera tunna och tjocka linjer samt tomma och färgfyllda ytor. 

kb_ikonerna

Tonaliteten



Skrivguiden: vår ton, röst och stil


Det här är en guide om Karlshamnsbostäders ton, röst och stil. Den hjälper dig som ska ta fram kommunikation att hitta rätt, oavsett om du är medarbetare eller samarbetspartner. Här hittar du riktlinjer och exempel på vad du ska och inte ska göra, hur långt du ska skriva (hint: så kort som möjligt) med mera.


Varför är det så viktigt då? undrar du kanske. Huvudsaken är väl att informationen kommer ut och fram? Nja, det är viktigt att ha en enhetlig röst, för det hjälper oss att stärka varumärket Karlshamnsbostäder. Sedan är det förstås skillnad på ett inlägg på Facebook och ett brev som informerar om stambyte. Men de ska kännas som att de hör ihop – att alla texter och budskap är medlemmar i samma familj. 


Precis som vår logotyp, vårt grafiska mönster och våra färger, är texternas ton och stil en del av Karlshamnsbostäders varumärke. Tillsammans sätter de känslan – skapar vår stil och identitet.




Om du bara minns en sak – minns då detta 


Om du inte skulle komma åt den här guiden just när du ska skriva, kan en enda mening hjälpa dig att hamna i rätt tankebana:


Alla är välkomna!


Den säger nämligen närapå allt, även om vi broderar ut saker och ting lite mer här. Så länge du minns de tre orden blir det inte helt tokigt. 


Ok? Bra!


 


Så ska vi låta!


•  Karlshamnsbostäders tonalitet är enkel och omtänksam med en stark vi-känsla.


•  Texter är tydliga och lättlästa med korta meningar och god läsbarhet. Här spelar också val av typsnitt och färger in – det ska vara bra kontrast.



•  Vi inleder texter med just "vi" eftersom det ger ett mer personligt intryck än att prata om bolaget i tredje person. För att få en text som är omväxlande och trevlig att läsa varvas sedan "Vi" med "Karlshamnsbostäder" och, när det passar,  "Vi på Karlshamnsbostäder". Här är ett par exempel:

"Vi vill berätta om en stor satsning som Karlshamnsbostäder planerar för 2022 ..."

"Vi på Karlshamnsbostäder är glada och stolta över att vara en del av det här initiativet ..."


•  Så många som möjligt ska förstå så mycket som möjligt – gärna allt! De som inte kan någon svenska alls behöver översatt material men målet är att den som förstår lite, ska förstå kommunikationen från oss. 


•  Vår kommunikation ska vara tillgänglig på andra sätt också:

Vi ska ta hänsyn till dålig syn, dyslexi och andra funktionsvariationer enligt bestämmelserna i WCAG 2.1 /länka till lättförståelig information om det?/ Direktivet gäller digitala kanaler men vår omtanke och inkludering sträcker sig också till utskick, skyltar på stan och lappar i entrén. Du minns väl? Alla är välkomna!


•  Det ska vara tydligt att vi som jobbar på Karlshamnsbostäder har stor medvetenhet om kulturella skillnader. Att vi respektfullt jobbar för att nå fram på rätt sätt och öka inkluderingen i samhället.


•  När vi kommunicerar är avsändaren alltid Karlshamnsbostäder. De gånger namn och kontaktuppgifter behöver finnas med, står sådan information i själva meddelandet. Våra word-mallar för olika typer av dokument gör det enkelt att göra rätt. 

 

Copy 


Några exempel

Vi har flera olika roller och kommunicerar med flera olika målgrupper. Vilka vi vill nå ut till och beröra, och syftet med kommunikationen påverkar förstås budskapet – vilka fördelar vi lyfter och hur vi “pratar”. Här är några formuleringar och budskap som vi tagit fram som stöd. Låt dem leda vägen!


I vår roll som 


•  Samarbetspartner:


kb_citat1

•  Arbetsgivare:

kb_citat2

•  Hyresvärd:

kb_citat3

•  Samhällsbyggare:

kb_citat4
kb_manual_avskiljare_smal

Bildmanéret



Vår fotografiska stil kännetecknas av:

→ Värme

→ Äkthet

→ Starka känslor

→ Mångfald och normkreativitet



ima190508
ima195961
ima198143
skarmavbild-2021-05-14-kl-130935
ima207050_sh
kb_manual_avskiljare

Såhär kan det se ut:

Goda exempel

Att visa några exempel på hur det kan se ut när den grafiska profilen används på rätt sätt är alltid en bra idé. Då behöver en inte gissa eller försöka föreställa sig hur det faktiskt ser ut i praktiken. Varsågod – ett gäng goda och inspirerande exempel!

Mappen


För avtal, kontrakt och viktiga meddelanden.



kb_mapp

Kläderna


Profilkläderna är antingen blågröna eller svarta i grunden.  Logotypen ligger i mint+vitt eller helt i vitt och kombineras med mönsterbitar som en snygg och profilerande detalj. 


kb_tshirt_kort
kb_arbetsklader_2

Bilarna


På bilarna ligger mönstret strösslat på de bakre sektionerna och kombineras med hemsidesadressen eller ikonen.

kb_bilar

Byggvepor


För information kring nya projekt och vid byggarbetsplatser kan vi antingen använda bilder eller enfärgad bakgrund tillsammans med budskapet.



kb_byggvepa1
kb_byggvepa2
kb_vepa_mollebackens

Annonser


I annonserna kombineras alla våra design-element. Bild, logotyp, färg, text och mönster layoutas på ett harmoniskt sätt. Här är läsbarheten extra viktig och därför placeras brödtexten med fördel på en bakgrundsplatta.



kb_annonser
kb_annons_980x360_2
kb_annons_980x360_1



kb_halvsidesannons_mockup
kb_manual_avskiljare_smal


Är det något du saknar, inte förstår eller vill veta mer om? 

Tveka inte att kontakta:


Elisabeth Bååth

Marknadschef

+46 705 - 62 10 66


elisabeth.baath@karlshamnsbostader.se


Tillbaka till toppen


En grafisk manual skapad av mustasch.se


Karlshamnsbostäder © 2021