Mäklarhusets visuella identitet
Logotyper och symboler
Logotyp
Det här vår primära logotyp. Den består av M-symbolen tillsammans med ordbilden Mäklarhuset. När vi säger “vår logotyp” så är det denna som avses.
Symbol
Det här vår symbol. Den föreställer ett M och ett hus.
Ordbild
Mäklarhuset utan symbolen kallas för ordbild, och kan i vissa fall användas separat från symbolen.
Symbol/profilikon
Så här används symbolen i olika tillämpningar för digitala medier
Logotyp affärsområden
Riktlinjer för hur logotypen används för Mäklarhusets alla affärsområden
Översikt samtliga logotyper
Översikt av de olika logotypvarianter som finns.
Placering av logotyp
Separation
Symbolen och ordbilden i logotypen kan separeras och placeras individuellt. Det är viktigt att de inte placeras så pass nära varandra att det misstas för en felaktig logotyp dock.
Logotyp med ®-märket vs utan ®
Huvudlogotypen har ett ® i sig för att markera varumärket, men det finns situationer då det inte är praktiskt lämpligt att använda. Här är två exempel som kan fungera som grundläggande riktlinjer när varianter utan ® bör användas.
Symbol med ®-märket vs utan ®
Symbolen har ett ® i sig för att markera varumärket, men det finns situationer då det inte är praktiskt lämpligt att använda. Här är två exempel som kan fungera som grundläggande riktlinjer när varianter utan ® bör användas.
Användning logotyp på bild
Bakgrunden avgör om logotypen ska vara svart eller vit.
Svart används mot ljus bakgrund, vit mot mörk. När logotypen ska användas på bild är det viktigt att säkerställa att bakgrunden inte är för rörig.
Otillåtet användande av logotypen
Grafiska element och mönster
Våra grafiska element
Diagonalen och huset – dessa två grafiska element är de vi använder, och benämner som våra grafiska element.
Diagonalen
Diagonalens exakta proportioner från logotypen måste nödvändigtvis inte användas, utan kan anpassas till ändamålet
Diagonalen
De grafiska elementen kan t ex fyllas med bild, färg eller mönster
Mönster
Det finns fem färdigställda mönster som går att använda till tryck av textilier, tapeter eller annat dekorativt syfte
Mönster, exempel
Här är några exempel på hur mönstret skulle kunna användas
Mönster, repetition
Så här fungerar mönster-filerna vid repetition. Dvs de är gjorda för att läggas sida vid sida åt alla håll i den mängd man önskar.
Typografi
Primärt typsnitt
Vårt typsnitt som vi använder heter TWK Everett. TWK står för “Type Weltkern” som är en schweizisk typsnittstillverkare. Typsnittet skapades 2021 av typsnittsdesignern Nolan Paparelli.
Ursprungliga inspirationen till typsnittet är den amerikanske fotografen Daniel Everetts arbete. Typsnittets symmetriska struktur balanseras med en blandning av det organiska och det digitala. Typografiska detaljer som skapar spänning samtidigt som den behåller en läskomfort och hittar den rätta balansen mellan ett teckensnitt som är grafiskt men ändå flytande.
Typsnittets karaktär
Det som främst karaktäriserar typsnittet Everett är de mellanrum och vinklar som finns i vissa bokstäver.
Typsnittsvikter
Hela familjen TWK Everett består av 10 vikter + kursiver. Vi använder oss dock inte av allihopa. De allra tunnaste: “Hairline” och “Thin” är för tunna för de flesta användningsområden och lämpar sig mindre bra. “Bold” och fetare än så skapar en annan karaktär, och elegansen går förlorad.
Därför använder vi oss bara av vikterna “Ultralight” > “Medium” och dess kursiver vid behov.
Använding av typsnittsvikter
Tanken med de olika typsnittsvikterna är att upplevelsen i tjockleken ska bli den samma i olika storleksgrader på text. Dvs man använder “Ultralight” för stora storlekar “Light” för emellan, och “Regular” för små texter. På det sättet blir upplevelsen någorlunda likadan rakt igenom. Här visas ungefärliga riktlinjer att förhålla sig till.
OBS! Riktlinjerna med storleksanvisningarna kan inte alltid följas slaviskt utan måste bedömas utifrån varje enskild situation. Det som bör undvikas är att texten blir för tjock/tung för sin storlek, och övrig typografi.
Knipning av typsnittet
I sitt standardutförande så är avståndet mellan bokstäverna ganska glest för ökad läsbarhet i löptext osv. Men för större rubriker och ord så blir upplevelsen att det är lite för glest. Där måste man justera och “knipa” typsnittet en aning för önskat utseende.
Radavstånd
I rubriker så bör avståndet vara ganska tajt av estetiska skäl, medan i löptext har radavståndet en mer funktionell aspekt.
Exempel vid användande av typografi
Exempel på en textuppställning som beskriver användningen av vikter, inställningen för knipning, radavstånd och storlekar.
Ersättningstypsnitt
I de fall där Everett av någon anledning inte är tillgängligt så finns det alternativ som är bättre än andra. Manrope Light är bra ersättningsalternativ för interna presentationer, etc.
Observera dock att det alltid är Everett som gäller i all form av publik kommunikation/annonsering.
Arial som finns på alla datorer duger för kontorsbruk, i Word, e-post, etc.
Ikoner
Ikoner och piktogram
Våra ikoner och piktogram är designade med inspiration från typsnittet och logotypen och använder samma mellanrum och vinklar vilket skapar ett enhetligt system som kopplar samman text, logotyp och ikoner.
Användning av ikoner
Det huvudsakliga syftet för piktogram är att ersätta viss användning av bilder och visualisera olika typer av tjänster. Piktogrammen används aldrig enskilt, utan ska användas tillsammans med rubrik eller annan typ av förklarande text.
Skapande av piktogram
Alla piktogram bör baseras på ett grundrutnät på 72 x 72 pixlar. Oavsett om du formaterar om tidigare ikoner eller skapar nya, skala till detta rutnät för att skapa enhetlighet i storlek.
Färger
Färgblandningar och färgkoder för färgpaletten.
Black
White
Graphite
Dark grey
Grey
Warm grey
Silver grey
Light grey
Cloud grey
Proportioner i färganvändning
Ungefärlig uppskattning av procentuell användning av färgerna för korrekt varumärkesuttryck. Basen är primärt i vitt.
Layout
Layoutprinciper
Utforma layouten så du kombinerar text och bild på ett tydligt sätt. Använd ett grid/rutnät tillsammans med övriga element i profilen för att på ett enkelt sätt skapa konsekvens, igenkänning och hög kvalitet i våra produktioner.
Layoutprinciper – tillämpning
Exempel på layout och inställningar för fönsterskylt i formatet A3. Vi använder i det här fallet inte utfallande bild för att förenkla tryckprocessen.
Layoutprinciper – tillämpning
Exempel på layout och inställningar för prospekti formatet A4. Vi använder inte utfallande bild i detta fall för att förenkla tryckprocessen. Använd alltid sidmarginalerna som utgångspunkt när du skapar grids.
Layoutprinciper – tillämpning
Exempel på layout i olika typer av format. Använd alltid sidmarginalerna som utgångspunkt när du skapar grids.
Pappersval
Bilder
Vår bildvärld
Bildvärlden är en representation av den visuella känsla och estetik vi vill att varumärket ska förmedla.
Kärnan i Mäklarhusets bildmanér är att kommunicera tryggheten och harmonin i att vara i goda händer och lugnet det medför. I andra hand vår breda kunskap och kärlek till objekten.
Bildmotiv
En upphöjd vardag i harmoni
Bilderna är en viktig byggsten i vår identitet och hjälper till att skapa dramaturgi i vår kommunikation. Här är det viktigt att människor kan känna igen sig, både i livets alla lägen, men också platser och hem.
Vi delar in våra bilder i olika teman för att kunna beskriva alla delar av verksamheten: Skandinavisk natur, Livsstilsbilder, objektsbilder. Tillsammans skapar de ett sammanhängande visuellt uttryck som sticker ut i kategorin.
Ljussättning och färger
Positiv och drömlik känsla som skapar lugn i själen
Eftersom vi vill porträttera olika typer av motiv, objekt och livsstilar, är det mycket viktigt att vara konsekvent i hur vi bygger upp våra bilder ljus- och färgmässigt.
Ljussättning
- Varmt
- Drömskt och ljust
- En känsla av naturligt ljus ska eftersträvas, gärna i form av solljus
- Inte för skarpa skuggor, det ska inte kännas dramatiskt
Färgställning
- Levande och klara färger, utan att vara för skarpa
- Varm och/eller naturlig vitbalans
- Mjuk kontrast i färgerna
- Undvik många olika kontrastfärger i en och samma bild. Försök hålla det enhetligt.
Bildmanér
Blandningen av bildmotiv skapar en dynamisk bildblandning som går att variera för olika kommunikationsområden.
Livsstil
Livsstilsbilder ska vara tagna på ett sätt som känns spontant, naturligt och mänskligt. Eftersträva situationer som känns äkta, utan att det blir vardagsrealism.
Objektsbilder i varumärkes-byggande kommunikation
Här blandas överblicksbilder på arkitektur och bostadsområden med detaljbilder på materialval och andra karaktärsdrag, för att visa att Mäklarhusets kunskap sträcker sig från helhet till detalj. Här kan vinklarna och motiven vara mer planerade. Om vinklarna och motiven är symmetriska och skarpa, får gärna ljuset vara ännu mjukare och skapa lugna skuggspel. Dessa delas in i Exteriöra och Interiöra bilder.
Exteriör
Vid bilder på exteriör kan vi visa symmetriska vinklar av arkitektur, eller detaljer på funktionalitet och design som annars är svår att upptäcka. Detta visar en djupare kunskap om objekt och dess egenskaper. Här visar vi en bredd av olika typer av objekt som vi förmedlar.
Interiör
Vid interiöra bilder lägger vi fokus på materialval tillsammans med inspirerande inredning. Det kan vara en helt nylagd fiskbensparkett, unika snickerier, eller armaturer i original. Genom detta visar vi att vi vet vad som gör ett objekt extra speciellt, men också att vi har kunskap om styling och trender. Här är det bra att visa bredd, med olika typer av bostäder och tidsepoker.
Skandinavisk natur
För bilder som ska förmedla vårt skandinaviska arv använder vi bilder som ska kännas jordade och förmedlar lugn. Observera att dessa bilder används främst för interna syften i till exempel företagspresentationer. I dessa bilder eftersträvas en mjuk och varm känsla med abstrakta motiv.
Profilbilder
Profilfoto
När vi ska porträttera våra medarbetare är det viktigt att kroppsspråket är avslappnat och välkomnande. Personens personlighet får gärna komma fram i form av styling eller posering, utan att göra avkall på professionalismen. Även dessa bilder ska eftersträva en naturlig och varm färgsättning.
Undvik ljusgråa kläder för kontrast mot bakgrunden.
Guidelines, profilfoto
Fotografering
- Vit vägg (basfärg NCS S0500)
- Avstånd mellan vägg och modell: ca 1 meter
- Undvik skuggor från lampor/möbler etc på väggen (mjuk skugga från modell är ok på väggen).
- Undvik solljus på väggen
- Försök rensa väggen från andra objekt så att den är enbart vit vägg
- Utsnitt: tag från knäna och lämna vitt 1⁄4 ovanför huvudet
Kamera/objektiv
- Brännvidd: 70 mm (avstånd mellan modell och fotograf blir ca 3 meter)
- Bländare: 4
- Blixt: TTL +1 riktas upp i taket
- ISO: reglera efter behov, men håll det så lågt som möjligt och utifrån vad din kamera klarar § Färgrymd: Adobe RGB
Redigering
- Utsnitt: stående format, ratio 4:5
Bildstorlek:
- Web: 1080 x 1350 px
- Print: 3600 x 4500 px
- Färgrymd: sRGB
- Bakgrundsfärg: Light Grey 100%
Mallar i Office
Officemallar – Word
Wordmallen innehåller format för typografi som är i linje med typografiregler. Vänster indrag har som funktion att vara platshållare för datum och ort, samt skapa plats för eventuell hålslagning. Även när datum och ort inte är nödvändigt ska marginalerna bibehållas.
Officemallar – Powerpoint
Översikt av de olika formatmallarna i Powerpoint. Försök i största möjliga mån att använda befintliga sidmallar för att bibehålla ett konsekvent uttryck i presentationer. Vid skapande av nya formatmallar ska liknande balans mellan text och bild bibehållas.
Officemallar – Powerpoint
Vid skapande av nya formatmallar ska samma sidmarginaler användas. Försök alltid ha en bra balans i layout och undvik att placera för mycket information på varje sida. Dela hellre upp texterna på fler sidor.
Till-saluskyltar
A3 skyltar med mäklarbild
Översikt av de olika budskapsvarianterna
A3-skyltar utan mäklarbild
Översikt av de olika budskapsvarianterna
500 x 220 mm skyltar med mäklarbild
Översikt av de olika varianterna
500 x 220 mm skyltar utan mäklarbild
Översikt av de olika varianterna
Designapplikationer
