HusmanHagberg grafisk manual

First page 1 Next page Last page

Denna interaktiva publikation är skapad med FlippingBook, en tjänst för streaming av PDF-filer online. Inga nedladdningar, inga väntetider. Öppna och börja läs direkt!

Grafisk manual Version 2.5

Index

Förord .. . . . . . . . . . . . . . ............... 3

Typografi .. . . . . . . . . . . . .............. 12

Fasadskyltar & fönsterdekor .. . . . ..... 25

Bilar .. . . . . . . . . . . . . . ............... 38

Huvudrubriker. . . . . . . . . . . . ............ 13

Fasadskyltar. . . . . . . . . . . . ............ 26

Bilstriping . . . . . . . . . . . . . ............. 39

Logotyp .. . . . . . . . . . . . . .............. 4

Rubriker. . . . . . . . . . . . . . ............... 14

Appliceringsexempel fasadskyltar. . . . ... 27

Primär logotyp . . . . . . . . . . . . ........... 6

Över- och underrubriker. . . . . . . . . . . . . . . 15

Fönsterdekor. . . . . . . . . . . . ............ 30

Personalbilder . . . . . . . . . . . ............ 41

Sekundär logotyp. . . . . . . . . . . .......... 7

Ingresser. . . . . . . . . . . . . . .............. 16

Förbered dig för fotografering. . . . . ..... 42

Logotypens frizon. . . . . . . . . . . .......... 8

Brödtexter. . . . . . . . . . . . . .............. 17

Kontorsinredning . . . . . . . . . ........... 31

Leverans av fotograf. . . . . . . . . ......... 43

Logotypens storlek. . . . . . . . . . .......... 9

Bildtexter. . . . . . . . . . . . . . .............. 18

Väggfärger . . . . . . . . . . . . . ............ 32

Profilbild - halvkropp . . . . . . . . . ........ 44

Logotypens placering. . . . . . . . . ......... 10

Finstilta texter. . . . . . . . . . . . ............ 19

Möbler & inredning. . . . . . . . . . ......... 33

Profilbild - helkropp . . . . . . . . . ......... 45

Förbud . . . . . . . . . . . . . . . ............... 11

Styckeformat. . . . . . . . . . . . ............ 20

Ljussättning i studio . . . . . . . . . ......... 46

Profilmaterial . . . . . . . . . . . ............ 34

Herobild . . . . . . . . . . . . . . .............. 47

Färgpalett .. . . . . . . . . . . . .............. 21

Kund- och visningsmaterial. . . . . . ...... 35

Färgpalett offline. . . . . . . . . . . .......... 22

Profilkläder . . . . . . . . . . . . . ............ 36

Färgpalett online. . . . . . . . . . . .......... 23

Montermaterial. . . . . . . . . . . ........... 37

Tillgänglighet online. . . . . . . . . ......... 24

HusmanHagberg Grafisk manual version 2.5 Sida 2 av 47

Visuell identitet All kommunikation vi gör ska förmedla en känsla och ge en upplevelse. Därför är det viktigt att vi använder en samstämmig tonalitet när vi kommunicerar vårt varumärke oavsett vilken kanal vi använder. Den visuella identiteten handlar om hur HusmanHagberg ser ut. Den innehåller riktlinjer för användningen av logotyp, typsnitt, färger och andra grafiska element. Dessa element har till uppgift att förstärka HusmanHagbergs budskap och skapa en omedelbar igenkänning när de kommuniceras. På följande sidor visar vi hur de olika elementen håller samman den visuella identiteten. Genom att alla våra kontor använder samma visuella identitet stärker vi varandras insatser.

HusmanHagberg Grafisk manual version 2.5 Sida 3 av 47

Logotyp

HusmanHagberg Grafisk manual version 2.5 Sida 4 av 47

Vår logotyp Vår logotyp är identitetens minsta gemensamma nämnare och är det tydligaste kännetecknet för vår verksamhet. Tillsammans med våra typsnitt, färger, bilder och sätt att gestalta vår kommunikation förstärker den bilden av HusmanHagberg. Därför är det viktigt att vi är konsekventa och följer riktlinjerna för vår grafiska profil. En tydlig logotyp ger ett tydligt varumärke. Avsteg från våra riktlinjer ska alltid godkännas av huvudkontoret.

HusmanHagberg Grafisk manual version 2.5 Sida 5 av 47

Primär logotyp Vår primära logotyp är 2-radig och finns i ett vitt respektive blått utförande. I första hand vill vi kommunicera den primära 2-radiga logotypen i vitt utförande på en mörkblå bakgrund. Eftersom den mörkblå färgen är en viktigt del av vår identitet, utnyttjar vi kommunikationsutrymmet bäst genom att använda den mörkblå som bakgrundsfärg. Men kräver situationen att logotypen placeras på en vit bakgrundsfärg ska istället den 2-radiga logotypen i blått utförande användas.

Primär 2-radig vit logotyp

Snabbfakta Prioritera den primära 2-radiga logotypen i vitt utförande på mörkblå bakgrund.

HusmanHagberg Grafisk manual version 2.5 Sida 6 av 47

Primär 2-radig blå logotyp

Sekundär logotyp Den sekundära logotypen är 1-radig och används i undantagsfall, där kommunikationsutrymmet inte lämpar sig för den primära 2-radiga logotypen. Exempelvis gäller detta vid utrymmen där höjden är kraftigt begränsad i förhållande till bredden. Även vid användning av den sekundära 1-radiga logotypen bör vi prioritera logotypen i vitt utförande mot en mörkblå bakgrund.

Sekundär 1-radig vit logotyp

Snabbfakta Använd endast den sekundära 1-radiga logotypen i undantagsfall.

HusmanHagberg Grafisk manual version 2.5 Sida 7 av 47

Sekundär 1-radig blå logotyp

Logotypens frizon Med logotypens frizon menas utrymmet mellan vår logo och andra objekt eller marginaler. Detta utrymme ska alltid hållas fritt. För den primära 2-radiga logotypen motsvarar den minsta accepterade frizonen den dubbla höjden för bokstaven H i logotypen (H-höjd x 2). För den sekundära 1-radiga logotypen motsvarar den minsta accepterade frizonen höjden för bokstaven H i logotypen (H-höjd x 1).

Frizon primär 2-radig logotyp

Snabbfakta Logotypens frizon baseras på höjden för bokstaven H.

HusmanHagberg Grafisk manual version 2.5 Sida 8 av 47

Frizon sekundär 1-radig logotyp

Logotypens storlek För att säkerställa att logotypen är läsbar ska den aldrig gestaltas i en lägre höjd än 20 px vid digital användning respektive 5 mm höjd vid tryck.

Digitalt = 20 px Tryck = 5 mm

Snabbfakta Logotypens höjd får aldrig underskrida 20 px eller 5 mm.

Minsta tillåtna höjd för primär logotyp (illustrationen är inte skalenlig)

Digitalt = 20 px Tryck = 5 mm

HusmanHagberg Grafisk manual version 2.5 Sida 9 av 47

Minsta tillåtna höjd för sekundär logotyp (illustrationen är inte skalenlig)

Logotypens placering Horisontellt ska logotypen generellt placeras vänsterställd på satsytan. Vertikalt kan logotypen placeras högst upp eller längst ner på satsytan. En centrerad horisontell justering får användas om den gynnar uttrycket. Även här kan logotypen vertikalt placeras högst upp eller längst ner på satsytan.

Snabbfakta Generellt ska logotypen placeras vänsterställd på satsytan, antingen högst upp eller längst ner på satsytan.

Vänsterställd justering – Vertikal topplacering

Vänsterställd justering – Vertikal bottenplacering

HusmanHagberg Grafisk manual version 2.5 Sida 10 av 47

Centrerad justering – Vertikal topplacering

Centrerad justering – Vertikal bottenplacering

Förbud Det är inte tillåtet att ändra färg på logotypen eller modifiera den.

1. Applicera aldrig en konturlinje runt logotypen. 2. Applicera inte skuggeffekter på logotypen. 3. Förvräng aldrig logotypens proportioner. 4. Rama aldrig in logotypen.

Logotypen får inte användas flera gånger på samma yta.

Snabbfakta Det är inte tillåtet att förvanska logotypen på något sätt eller upprepa den.

HusmanHagberg Grafisk manual version 2.5 Sida 11 av 51

Gör inte så här

Typografi

HusmanHagberg Grafisk manual version 2.5 Sida 12 av 47

Fonter Huvudrubriker För våra huvudrubriker använder vi Googlefonten DM Serif Display Regular. Ett lämpligt radavstånd för huvudrubriker i trycksaker är 1,1 x teckenhöjden. Exempel: Om teckenhöjden är 60 punkter ska radavståndet vara 60 x 1,1 = 66 punkter. I digitala sammanhang är ett radavstånd på 1,3 x teckenhöjden att föredra.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Ingress Inter Light 20 pkt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lobore ibusda corpos. Brödtext Inter Light 13 pkt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et atur? Olorepuditia pe quia commolu ptatiistrum dit volupta tquam, que alignam verchil ipsant aut atiori nisit, ut dolorei cimpos ut lam fugiand undebisquias sitatusdam ulparum ide nimaxim aximusape et eum, quam et quiatas volorer atassundebis. Underrubrik Inter SemiBold 17 pkt

Snabbfakta Använd DM Serif Display Regular till huvudrubriker. Fonten kan laddas ner här: https://fonts.google.com/specimen/ DM+Serif+Display

Finstilt text Inter Light 7,5 pkt. Da es reiciae catios vendell aborect orepercit am et faccupt assitatur? Quia voluptatur mo corionectia andebis exped ea conseque consequam qui ad quiatio nsedit aut ut verianda quod el ilis eveliqu atectec eribusape issectu mquatem et magnimus sima neceptasi officabo.

HusmanHagberg Grafisk manual version 2.5 Sida 13 av 47

DM Serif Display Regular används till huvudrubriker

Rubriker För våra normala rubriker använder vi Googlefonten DM Serif Display Regular. Ett lämpligt radavstånd för rubriker i trycksaker är 1,1 x teckenhöjden. I digitala sammanhang är ett radavstånd på 1,3 x teckenhöjden att föredra.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd DM Serif Display Regular till huvudrubriker. Fonten kan laddas ner här: https://fonts.google.com/specimen/ DM+Serif+Display

HusmanHagberg Grafisk manual version 2.5 Sida 14 av 47

DM Serif Display Regular används till rubriker

Över- och underrubriker Till över- och underrubriker använder vi Googlefonten Inter SemiBold. Ett lämpligt radavstånd för över- och underrubriker i trycksaker är 1,2 x teckenhöjden. I digitala sammanhang är ett radavstånd på 1,3 x teckenhöjden att föredra.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd Inter SemiBold till över- och underrubriker. Fonten kan laddas ner här: https://fonts.google.com/specimen/Inter

HusmanHagberg Grafisk manual version 2.5 Sida 15 av 47

Inter SemiBold används till över- och underrubriker.

Ingresser Till ingresser använder vi Googlefonten Inter Light.

Ett lämpligt radavstånd för ingresser i trycksaker är 1,3 x teckenhöjden. I digitala sammanhang är radavståndet 1,5 x teckenhöjden för ingresser.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd Inter Light till ingresser.Fonten kan laddas ner här: https://fonts.google. com/specimen/Inter

HusmanHagberg Grafisk manual version 2.5 Sida 16 av 47

Inter Light används till ingresser.

Brödtexter Till brödtexter använder vi Googlefonten Inter Light.

Ett lämpligt radavstånd för brödtexter i trycksaker är 1,4 x teckenhöjden. I digitala sammanhand är radavståndet 1,5 x teckenhöjden för brödtexter.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd Inter Light till brödtexter. Fonten kan laddas ner här: https://fonts.google. com/specimen/Inter

HusmanHagberg Grafisk manual version 2.5 Sida 17 av 47

Inter Light används till brödtexter.

Bildtexter Inter Italic används till bildtexter.

Ett lämpligt radavstånd för bildtexter i trycksaker är 1,3 x teckenhöjden. I digitala sammanhang är radavtåndet 1,5 x teckenhöjden för bildtexter.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd Inter Italic till bildtexter. Fonten kan laddas ner här: https://fonts.google. com/specimen/Inter

HusmanHagberg Grafisk manual version 2.5 Sida 18 av 47

Inter Italic används till bildtexter.

Finstilta texter Inter SemiBold och Light används till finstilta texter. Exempel: reservationstexter, sidfotstexter, paginering etc. Om det är viktigt att den finstilta texten uppmärksammas trots låg teckenhöjd används SemiBold. I annat fall kan Light användas. Radavstånd för finstilta texter i trycksaker är 1,4 x teckenhöjden. I digitala sammanhang är radavståndet 1,5 x teckenhöjden för finstilta texter.

Rubrik DM Serif Display Regular 40 pkt Huvudrubrik DM Serif Display Regular 60 pkt

Snabbfakta Använd Inter SemiBold eller Light till finstilta texter. Fonterna kan laddas ner här: https://fonts.google.com/specimen/ Inter

HusmanHagberg Grafisk manual version 2.5 Sida 19 av 47

Inter SemiBold och Light används till finstilta texter.

Styckeformat Justering Generellt använder vi vänsterställd justering. Men en centrerad justering får användas om situationen gynnas av det. Tumregel för teckenhöjder Utgå från en lämplig teckenhöjd för huvudrubriken. Dividera därefter huvudrubrikens teckenhöjd med:

Överrubrik Inter SemiBold 17 pkt Huvudrubrik DM Serif Display Regular 60 pkt Rubrik DM Serif Display Regular 40 pkt Ingress Inter Light 20 pkt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ibusda corpos. Underrubrik Inter SemiBold 17 pkt Brödtext Inter Light 13 pkt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et atur? Olorepuditia pe quia commolu ptatiistrum dit volupta tquam, que alignam verchil ipsant aut atiori nisit, ut dolorei cimpos ut lam fugiand undebisquias sitatusdam ulparum ide nimaxim aximusape et eum, quam et quiatas volorer atassundebis.

• 2 för en lämplig teckenhöjd för rubriker • 3 för en lämplig teckenhöjd för ingresser • 3,5 för över- och underrubriker • 4,5 för brödtexter • 7 för bildtexter • 8 för finstilta texter

Bildtext Inter Italic 8,5 pkt.

Snabbfakta Generellt används vänsterställd justering. Huvudrubrikens teckenhöjd avgör teckenhöjden för övriga styckeformat.

Finstilt text Inter SemiBold 7,5 pkt. Finstilt text Inter Light 7,5 pkt. Da es reiciae catios vendell aborect orepercit am et faccupt assitatur? Quia voluptatur mo corionectia andebis exped ea conseque consequam qui ad quiatio nsedit aut ut verianda quod el ilis eveliqu atectec eribusape issectu mquatem et magnimus sima neceptasi officabo.

HusmanHagberg Grafisk manual version 2.5 Sida 20 av 47

Exempel styckeformat

Färgpalett

HusmanHagberg Grafisk manual version 2.5 Sida 21 av 47

Färgpalett offline Primärfärger

Primär färg Mörkblå CMYK 100, 55, 13, 70 C Pantone 7463 U Pantone 2965 Användning: Fyllningar.

Primär färg Vit CMYK 0, 0, 0, 0

Sekundär färg Svart CMYK 0, 0, 0, 100

C Pantone Process Black U Pantone Process Black Användning: Textfärg.

Användning: Textfärg.

Vid budskap som har till syfte att förmedla vår identitet används i första hand mörkblått som bakgrundfärg i kombination med vitt som förgrundsfärg. I andra hand kan en omvänd färgordning användas, dvs vit bakgrundsfärg i kombination med mörkblå förgrundsfärg. Sekundärfärger För budskap med övriga syften kan sekundärfärger användas i valfria kombinationer med varandra eller med primärfärgerna. I CMYK kan de ljusa nyanserna användas i färgtoner om 100, 50 och 20%.

Sekundär färg Mörkgrå CMYK 44, 32, 22, 77 C Pantone Cool Gray 11 U Pantone Cool Gray 11 Användning: Fyllningar.

Sekundär färg Ljusgrå CMYK 8, 5, 7, 16

Sekundär färg Lila CMYK 51, 91, 21, 70 C Pantone 5115 U Pantone 5115 Användning: Fyllningar.

C Pantone Cool Gray 3 U Pantone Cool Gray 3 Användning: Fyllningar.

100% 50% 20%

Snabbfakta Primärt används mörkblått som bakgrundsfärg och vitt som förgrundsfärg för att förmedla vår identitet. För övriga budskap kan valfria färgkombinationer användas.

Sekundär färg Ljusblå CMYK 20, 3, 1, 2 C Pantone 643 U Pantone 643 Användning: Fyllningar.

Sekundär färg Turkos CMYK 60, 0, 25, 0

Sekundär färg Beige CMYK 3, 16, 20, 9 C Pantone 4755 U Pantone 4755 Användning: Fyllningar.

C Pantone 2227 U Pantone 2227 Användning: Call to action-knapp.

HusmanHagberg Grafisk manual version 2.5 Sida 22 av 47

100% 50% 20%

Färgpalett online Primärfärger

Primär färg Vit HEX ffffff RGB 255, 255, 255 Ljus nyans Användning: Knappar, fyllningar och texter.

Sekundär färg Knappblå HEX 30486F RGB 48, 72, 111 Mörk nyans Användning: Knappar.

Primär färg Mörkblå HEX 233450 RGB 35, 52, 80 Mörk nyans Användning: Header, footer och fyllningar.

Sekundär färg Svart HEX 000000 RGB 0, 0, 0 Mörk nyans Användning: Texter

Vid budskap som har till syfte att förmedla vår identitet används i första hand mörkblått som bakgrundfärg i kombination med vitt som förgrundsfärg. I andra hand kan en omvänd färgordning användas, dvs vit bakgrundsfärg i kombination med mörkblå förgrundsfärg. Sekundärfärger För budskap med övriga syften kan sekundärfärger användas i kombination med varandra eller med primärfärgerna. Observera reglerna på nästa sida för att uppfylla tillgänglighetskraven.

Sekundär färg Varmgrå 900 HEX 454545 RGB 69, 69, 69 Mörk nyans Användning: Fyllningar.

Sekundär färg Varmgrå 600 HEX cecece RGB 206, 206, 206 Ljus nyans Användning: Fyllningar.

Sekundär färg Lila HEX 4b2d41 RGB 75, 45, 65 Mörk nyans Användning: Fyllningar.

Sekundär färg Ljusblå HEX c6d6e3 RGB 198, 214, 227 Ljus nyans Användning: Fyllningar.

Sekundär färg Mörk beige HEX D3C4B5 RGB 211, 196, 181 Ljus nyans Användning: Fyllningar.

Sekundär färg Turkos HEX 83cbcb RGB 131, 203, 203 Ljus nyans Användning: Call to action-knapp.

Sekundär färg Neutral beige HEX EAE0D6 RGB 234, 224, 214 Ljus nyans Användning: Fyllningar.

Sekundär färg Varm beige HEX FFEBD8 RGB 255, 235, 216 Ljus nyans Användning: Fyllningar.

Snabbfakta Primärt används mörkblått som bakgrundsfärg och vitt som förgrundsfärg för att förmedla vår identitet. För övriga budskap kan andra färgkombinationer användas.

Sekundär färg Beige 300 HEX F8EFE8 RGB 248, 239, 232 Ljus nyans Användning: Fyllningar.

Sekundär färg Beige 200 HEX FAF5F0 RGB 250, 245, 240 Ljus nyans Användning: Fyllningar.

Sekundär färg Ljusgrön HEX E9EBE2 RGB 233, 235, 226 Ljus nyans Användning: Fyllningar.

HusmanHagberg Grafisk manual version 2.5 Sida 23 av 47

Tillgänglighet online För att säkerställa god läsbarhet i digitala sammanhang är det viktigt att vår visuella kommunikation uppfyller grundläggande tillgänglighetskrav. Text ska alltid ha tillräcklig kontrast mot bakgrunden enligt riktlinjerna i WCAG 2.1. Vår färgpalett har testats mot dessa krav, och så här gör du för att uppfylla kraven: 1. Vid användning av en mörk bakgrundsfärg ska text färgsättas i vitt. Grafiska komponenter i förgrunden kan färgsättas med valfri ljus nyans. 2. Vid användning av en ljus bakgrundsfärg ska text färgsättas med svart. Grafiska komponenter i förgrunden kan färgsättas med valfri mörk nyans.

Exempel tillgänglighetsanpassning: Text ska färgsättas i svart mot vit/ljus bakgrund.

Exempel tillgänglighetsanpassning: Text ska färgsättas i vitt mot en mörk bakgrundsfärg.

Grafiska komponenter Exempel tillgänglighetsanpassning: Grafiska komponenter kan färgsättas i valfri ljus nyans mot en mörk bakgrundsfärg.

Grafiska komponenter

Snabbfakta För att säkerställa tillgänglighet ska ett kontrasterande färgpar alltid bestå av en ljus och en mörk nyans.

Exempel tillgänglighetsanpassning: Grafiska komponenter kan färgsättas i valfri mörk nyans mot en ljus bakgrundsfärg.

HusmanHagberg Grafisk manual version 2.5 Sida 24 av 47

Fasadskyltar & fönsterdekor

HusmanHagberg Grafisk manual version 2.5 Sida 25 av 47

Fasadskyltar Fasadskyltar är en viktig del av det fysiska varumärket och bör utformas med respekt för både varumärkesidentiteten och byggnadens unika uttryck. Eftersom varje fasadmiljö har sina egna förutsättningar – i fråga om material, ljusförhållanden och arkitektur – är det viktigt att anpassa utformningen utan att kompromissa med igenkänning och läsbarhet. Skyltar ska upplevas som en naturlig förlängning av både varumärket och platsen. Logo – utförande, färger, justering och frizoner Riktlinjerna för vår logotyp gäller även vid återgivning på fasadskyltar. Använd i första hand den vita primära 2-radiga logotypen med vänsterställd justering på en mörkblå bakgrund. Eftersom vi oftast vill utnyttja höjden på fasadskyltarna får logotypen en naturlig vertikalt centrerad höjdplacering. Glöm inte frizonerna runt om logotypen. Om utrymmet är begränsat i kombination med långt betraktningsavstånd kan den sekundära 1-radiga logotypen användas istället.

Material Material och finish ska väljas utifrån både platsens karaktär och varumärkets tonalitet. Undvik om möjligt material och konstruktionslösningar som inte följer de grafiska riktlinjerna. Placering och storlek Betraktningsavstånd och betraktningsvinkel bör om möjligt avgöra fasadskyltarnas storlek och placering i kombination med byggnadens arkitektoniska linjer. Var om möjligt frikostig med ytan för vår primära mörkblå färg – den är som tidigare nämnt en viktig del av vår identitet. Belysning Belysning bör vara diskret men effektiv – indirekt ljus eller invändig LED ger god läsbarhet utan att blända. Tillstånd och regler Tillstånd och lokala regler måste alltid kontrolleras innan installation.

HusmanHagberg Grafisk manual version 2.5 Sida 26 av 47

Appliceringsexempel fasadskyltar Fasadskylt exempel 1 Skissen illustrerar en stor fasadskylt med primär vit logotyp vänsterställd på en mörkblå bakgrund. Fasadskylt exempel 2 Skissen illustrerar en mindre fasadskylt med primär vit logotyp. När logotypens bredd i förhållande till skylten inte tillåter en tydligt markerad vänsterställd justering bör logotypen placeras centrerat istället.

Fasadskylt – Exempel 1

Snabbfakta Riktlinjerna för vår logotyp gäller även för våra fasadskyltar. Använd i första hand den vita primära 2-radiga logotypen med vänsterställd justering på en mörkblå bakgrund. När höjden utnyttjas maximalt på fasadskyltarna får logotypen en naturlig vertikalt centrerad höjdplacering. Glöm inte frizonerna runt om logotypen.

HusmanHagberg Grafisk manual version 2.5 Sida 27 av 47

Fasadskylt – Exempel 2

Fasadskylt exempel 3 När fasaden saknar möjlighet till en fasadskylt ovanför entrédörrar eller fönster kan en väggskylt i nära anslutning till entrén användas istället Fasadskylt exempel 4 Skissen illustrerar en fasadskylt med begränsad höjd. Här kan den sekundära vita logotypen med fördel användas istället för den primära för ökad synlighet/läsbarhet.

Fasadskylt – Exempel 3

HusmanHagberg Grafisk manual version 2.5 Sida 28 av 47

Fasadskylt – Exempel 4

Fasadskylt exempel 5 Använd gärna så kallade flaggskyltar – det vill säga skyltar (ofta dubbelsidiga) som monteras vinkelrätt ut från fasaden. De är särskilt lämpliga i situationer där synlighet från sidan är viktig, exempelvis; • Gågator eller trånga stadsmiljöer där förbipasserande rör sig parallellt med fasaden och inte ser skyltar som sitter plant mot väggen. • Entréer som ligger indraget från gatan. • För att komplettera en fasadskylt. • I korsningar eller på hörn där skyltning åt flera håll behövs. Fasadskylt exempel 6 Vid exempelvis entrétak som kraftigt begränsar höjdutrymmet kan en ”utskuren” vit logotyp utan mörkblå bakgrund användas istället. Denna variant medger avsteg från reglerna för logotypens frizoner eftersom konstruktionen gör att den upplevs hänga fritt.

Fasadskylt – Exempel 5

HusmanHagberg Grafisk manual version 2.5 Sida 29 av 47

Fasadskylt – Exempel 6

Fönsterdekor Som en ytterligare förlängning av varumärket kan en frostad semitransparent film med utskuren logotype appliceras på våra fasadfönster. Montering och format Den frostade filmen ska i första hand monteras på insidan av fasadfönstret. Rekommenderat storleksformat är en höjd på ca 200 mm och en bredd som täcker hela fasadfönstret. Som en estetisk detalj ska den primära 2-radiga logotypen skäras ut ur den frostade filmen med vänsterställd justering. Glöm inte frizonerna runt om logotypen.

Fönsterdekor – Översiktsskiss

Snabbfakta Som fönsterdekor kan en frostad film med utskuren primär 2-radig logotyp användas.

HusmanHagberg Grafisk manual version 2.5 Sida 30 av 47

Fönsterdekor – Detaljskiss

Kontorsinredning

HusmanHagberg Grafisk manual version 2.5 Sida 31 av 47

Väggfärger Vid utsmyckning av kontor kan väggar kompletteras med en fondvägg för att skapa tydlighet och karaktär i rummet. Rekommenderade kulörer är en mörkblå nyans (NCS S7020-R80B) för ett mer distinkt och kraftfullt uttryck, eller en ljus beige nyans (NCS S1505-Y30R) för en mjukare och varmare känsla. För att ge ytan ett enhetligt och sofistikerat intryck bör färgerna alltid appliceras i en matt glans.

Mörkblå S7020-R80B, matt

Snabbfakta Fondväggar kan målas i antingen en matt mörkblå nyans (NCS S7020-R80B) eller en matt ljus beige nyans (NCS S1505-Y30R).

Ljus beige S1505-Y30R, matt

HusmanHagberg Grafisk manual version 2.5 Sida 32 av 47

Möbler & inredning När det kommer till inredning/renovering av kontoret finns det många faktorer att ta hänsyn till, så som hur lokalen är utformad och trender. Det absolut viktigaste är att en kund som kommer in på kontoret ska känna sig välkommen. Till höger ser du exempelbilder från våra kontor. Ska du inreda/renovera ett kontor är det viktigt att du först tar kontakt med huvudkontoret. Vi hjälper till att se över lokalen och ser till så att inredningen följer våra riktlinjer och grafiska profil. Maila till support@husmanhagberg.se. Kontakta alltid huvudkontoret innan renovering/inredning för att säkerställa att det blir korrekt enligt vårt grafiska manér.

HusmanHagberg Grafisk manual version 2.5 Sida 33 av 47

Profilmaterial

HusmanHagberg Grafisk manual version 2.5 Sida 34 av 47

Kund- och visningsmaterial

Intagsmappar och pärmar används vid kundmöten, visningar och interna presentationer. Dessa material är en förlängning av vårt varumärke och ska därför alltid utformas med tydlig koppling till vår grafiska profil. Intagsmappar, pärmar och påsar beställs alltid från vår profilshop.

Exempel 1 – Intagsmapp

Exempel 2 – Pärm framsida

Exempel 3 – Pärm insida

HusmanHagberg Grafisk manual version 2.5 Sida 35 av 47

Profilkläder Vi har en profilshop där våra kontor kan beställa allt från kläder till andra giveaways. Önskar ett kontor beställa profilkläder från en annan leverantör finns några riktlinjer nedan att ta hänsyn till. Korrektur ska alltid mailas till produktion@husmanhagberg.se innan det går på tryck. Riktlinjer Profilplaggen ska vara mörkblå, svarta eller vita. Plaggen ska förses med den primära 2–radiga logotypen i vitt. Ett omvänt färgförhållande, det vill säga ett vitt plagg med mörkblå logotyp, accepteras också. Minsta storlek på logotypen är 50 mm i bredd.

Exempel 1 – Profilplagg identitet

Exempel 2 – Profilplagg identitet

Exempel 3 – Profilplagg identitet

HusmanHagberg Grafisk manual version 2.5 Sida 36 av 47

Montermaterial Vid mässdeltagande och andra evenemang är det viktigt att våra fysiska ytor kommunicerar ett enhetligt och starkt varumärke. Nedan följer riktlinjer för utformning av monterdiskar och monterväggar. Monterdiskar Monterdiskar ska ha en den mörkblå primärfärgen med den vita logotypen centrerad på framsidan. Logotypen ska vara i en storlek som ger god synlighet utan att upplevas dominerande. Monterväggar Monterväggar ska också ha en mörkblå bakgrund om huvudsyftet är att förmedla vår identitet. Logotypen placeras högt upp på väggen för att säkerställa hög synlighet även på avstånd och i trånga mässmiljöer. Inga andra element eller mönster ska konkurrera med logotypen i detta utrymme.

HusmanHagberg Grafisk manual version 2.5 Sida 37 av 47

Bilar

HusmanHagberg Grafisk manual version 2.5 Sida 38 av 47

Bilstripning Bilstripning är ett viktigt visuellt verktyg för att stärka varumärkets synlighet i det offentliga rummet. För att säkerställa ett enhetligt och professionellt intryck ska all striping följa nedanstående riktlinjer. Alternativ 1 på ljusa bilar På ljusa bilkarosser (vit eller ljusgrå) används den primära logotypen i vår mörkblå profilfärg. Logotypen placeras på främre dörren, enligt anvisningen i illustrationen. På bilens baksida placeras husmanhagberg.se i svart färg, centrerad under registreringsskylten. Även detta enligt medföljande exempelbild. Alternativ 1 på mörka bilar På mörka bilar (svart eller mörkgrå) används logotypen i vitt för att säkerställa tydlighet och kontrast. Placeringen är densamma som för ljusa bilar – på främre dörren. husmanhagberg.se på baksidan anges också i vitt och placeras på samma sätt, under registreringsskylten.

Exempel - Ljus mindre bil med mörkblå logotyp

Exempel - Ljus större bil med mörkblå logotyp

HusmanHagberg Grafisk manual version 2.5 Sida 39 av 47

Exempel - Ljus bil med hemsidesadress i svart

Alternativ 2 på ljusa bilar Mäklarens kontaktuppgifter (namn och telefonnummer) är ett valfritt tillägg som kan göras. Om det ska inkluderas på bilen gäller följande: På bilar utan bakdörrar: Kontaktuppgifterna placeras på de bakre sidorutorna, enligt exempel. På bilar med bakdörrar: Kontaktuppgifterna placeras på bakdörrarna. Logotypen ska i dessa fall alltid vara i mörkblå version och kontaktuppgifterna i svart text. Alternativ 2 på mörka bilar Mäklarens kontaktuppgifter (namn och telefonnummer) är ett valfritt tillägg som kan göras. Om det ska inkluderas på bilen gäller följande: På bilar utan bakdörrar: Kontaktuppgifterna placeras på de bakre sidorutorna, enligt exempel. På bilar med bakdörrar: Kontaktuppgifterna placeras på bakdörrarna. Logotypen ska i dessa fall alltid vara i vit version och kontaktuppgifterna i vit text.

Exempel - Kontaktuppgifter på bakre sidorutora

Exempel - Kontaktuppgifter på bakdörrarna

HusmanHagberg Grafisk manual version 2.5 Sida 40 av 47

Exempel - Kontaktuppgifter på bakdörrarna

Personalbilder

HusmanHagberg Grafisk manual version 2.5 Sida 41 av 47

Förbered dig för fotografering För att skapa ett enhetligt och professionellt intryck på våra profilbilder är det viktigt att alla medverkande följer samma klädriktlinjer. Klädsel • Välj enfärgade plagg i nedtonade färger såsom mörkblå, svart, beige eller vit. • Klädseln ska vara professionell och enhetlig – undvik starka färger, stora mönster eller logotyper. • En mörk kavaj i kombination med vit skjorta eller blus är att föredra. Uttryck • Uttrycket ska vara öppet och professionellt – ett lätt leende inger förtroende. • Blicken ska vara riktad mot kameran och kännas närvarande. • Undvik överdrivna poser eller alltför allvarliga uttryck – målet är att förmedla trygghet, värme och tillgänglighet.

Professionell och enhetlig klädsel

HusmanHagberg Grafisk manual version 2.5 Sida 42 av 47

Leverans av fotograf Leverans • Profilbild i halvkropp. • Profilbild i helkropp. Detaljer • Bilderna ska vara i färg. • Ska levereras frilagda mot transparent bakgrund. • Filtyp PNG och råformat. • Högupplöst med minst 2160 px i bredd. Färgton • Mjuk, varm och balanserad ton och ljussättning. Montage mot bakgrund • Fotografen ska inte leverera profilbilder monterade mot bakgrund.

Profilbild halvkropp

Helkroppsbild

Snabbfakta • Bilderna till höger är exempel på hur det färdiga resultatet kommer att se ut. • Fotografen behöver inte montera in bakgrunden – detta görs av huvudkontoret i efterhand. • Fokusera på att leverera högupplösta, frilagda bilder enligt riktlinjerna.

HusmanHagberg Grafisk manual version 2.5 Sida 43 av 47

Profilbild - halvkropp Posering Personen ska stå rakt vänd mot kameran med båda axlar framåt. Hållningen ska vara neutral och kroppsspråket avslappnat – armarna hänger längs sidorna eller vilar lätt i byxfickorna. Undvik poser med armarna i kors för att skapa ett öppet och välkomnande intryck. Uttryck/känsla Blicken ska vara riktad rakt in i kameran för att förmedla trygghet, tillgänglighet och professionalism. Ett lätt leende ger bilden ett mer inbjudande uttryck. Beskärning Hela överkroppen ska synas – axlar och armbågar får inte beskäras. Bilden ska tas stående och beskäras i efterhand till 2:3-format. Kameravinkel Fotografera i ögonhöjd för att ge ett balanserat och trovärdigt intryck. Undvik höga eller låga vinklar.

Snabbfakta Bilden ska tas i stående format med luft ovanför huvudet och runtom personen för flexibel beskärning till 2:3 format. I profilbilden ska hela överkroppen synas – inga beskurna axlar eller armbågar.

HusmanHagberg Grafisk manual version 2.5 Sida 44 av 47

Leverans av profilbild halvkropp

Profilbild - helkropp Posering Personen kan stå antingen rakt framifrån eller med en lätt vridning av kroppen, exempelvis med ena handen på höften, händerna i fickorna eller armarna längs sidorna. Posen får vara något friare, men ska fortfarande förmedla ett professionellt och samlat intryck. I helkroppsbilden ska hela kroppen vara synlig. Uttryck/känsla Uttrycket ska vara vänligt och tillmötesgående – gärna med ett lätt leende. Blicken riktas rakt mot kameran för att skapa kontakt med Hela kroppen ska vara med i bild – från topp till tå – utan att någon del beskärs. Lämna gärna lite luft ovanför huvudet och nedanför fötterna för flexibel beskärning i efterhand. Kameravinkel Fotografera i höjd med personens midja eller strax under brösthöjd för att ge rätt proportioner. Undvik att fota uppifrån eller nedifrån, då det kan förvränga kroppens naturliga linjer. betraktaren. Beskärning

Leverans av helkroppsbild

Snabbfakta Bilden ska tas i stående format med luft ovanför huvudet och runtom personen för flexibel beskärning. I helkroppsbilden ska hela kroppen från topp till tå vara synlig.

HusmanHagberg Grafisk manual version 2.5 Sida 45 av 47

Ljussättning studio Bakgrund Vit. Känsla Mjukt ljus utan hårda skuggor. Färg Färgsättningen har en mjuk, varm neutralitet. Huvudljus

Skiss ovanifrån

En rund softbox av större storlek placeras snett framför personen i cirka 45 graders vinkel och något ovanför ögonhöjd, riktad nedåt mot personens ansikte. Ljuset ska vara mjukt och diffuserat för att ge naturlig modellering i ansiktet utan hårda skuggor. Undvik: • Hårda skuggor i ansikte. • Reflektioner från golv eller kläder. • Bakgrundsljus som påverkar friläggningen negativt.

Om personen har glasögon • Justera ljussättning för att undvika reflektioner i glasen. • Placera huvudljuset något ovanför ögonhöjd, i 45–60° vinkel från sidan. • Om blänk kvarstår: låt modellen vinkla glasögonen svagt nedåt.

HusmanHagberg Grafisk manual version 2.5 Sida 46 av 47

Marginal på 380px ner till huvud

Herobild mäklare Format och tekniska krav • Bilden ska fotograferas i liggande format. • Högupplöst med minst 3840 px i bredd. Förslagsvis 3840 x 2160 px. • Bilden ska vara i färg. • Bilden får gärna ha en varm och naturlig ton. Miljö och platsval Bilden ska tas utomhus i naturligt ljus och helst på en plats med lokal anknytning – exempelvis ett landmärke, ett kvarter, en gata eller en fastighet som representerar närområdet. Bakgrunden ska ha lätt oskärpa för att lyfta fram mäklaren utan att distrahera. Undvik att ha med konstverk, statyer eller andra upphovsrättsligt skyddade element i bilden. Person och komposition Mäklaren ska stå centrerad i bilden med neutral hållning och ett lätt leende. Blicken ska vara riktad rakt mot kameran – undvik poser där personen tittar bort eller ser upptagen ut (t.ex. med telefon). Ljussättning och ton Bilden ska ha en varm och naturlig färgton. Ljuset ska vara mjukt och jämnt fördelat. Bilden ska ha en balanserad kontrast med naturliga hudtoner.

Beskärning 257px

Herobilden (3840x2160 px) beskärs till 21:9-format genom att 257 px tas bort upptill och nertill.

HusmanHagberg Grafisk manual version 2.5 Sida 47 av 47

Slutgiltig utseende på webben.

Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page 8 Page 9 Page 10 Page 11 Page 12 Page 13 Page 14 Page 15 Page 16 Page 17 Page 18 Page 19 Page 20 Page 21 Page 22 Page 23 Page 24 Page 25 Page 26 Page 27 Page 28 Page 29 Page 30 Page 31 Page 32 Page 33 Page 34 Page 35 Page 36 Page 37 Page 38 Page 39 Page 40 Page 41 Page 42 Page 43 Page 44 Page 45 Page 46 Page 47

Made with FlippingBook - Online magazine maker