Visuell identitet

Hur vi ser ut

Submeny

Om vår visuella identitet

Den visuella identiteten berättar hur vi möter Valbo i alla kanaler. Den består av flera olika byggstenar; logotyp, typsnitt, färger, bilder och vårt grafiska element – vinkeln, som tillsammans utgör den visuella upplevelsen.

Byggstenarna kan kombineras på olika sätt för att skapa oväntade och lekfulla uttryck. Med den visuella identiteten vill vi skapa en tydlig och stark igenkänning av Valbo.

Logotyp

Logotypen med sin formstarka karaktär är en av de bärande byggstenarna i vår visuella identitet och tydliggör vem det är som kommunicerar. Den bör finnas med i vår kommunikation och blir extra viktigt när vi kommunicerar i andra kanaler än våra egna.

Här följer några riktlinjer som bör efterföljas för att logotypen ska komma till sin rätt i alla format och kontexter.

Vår logotyp speglar vårt visuella koncept om delaktighet med bokstäverna i Valbo som tillsammans bildar bokstaven V.

Samtidigt plockar logotypen upp arvet från tidigare logotyper där triangeln varit ett genomgående element.

Logotypen är gjord för att kännas lekfull och inbjudande för stora och små. En stolt avsändare som tydligt pekar ut riktningen för alla våra besökare.

— Här ligger Valbo Köpcentrum.

Frizon

För att logotypen ska framträda tydligt i alla sammanhang är det viktigt att respektera frizonen.

Frizonen är det minsta avståndet runt logotypen som bör vara fritt från text, andra logotyper eller som en marginal till en ytas kant.

Storleken på O:et i logotypen definierar en kvadrat som användas som ett mått för att hålla logotypen fri från andra element.

Placering

Här är en proiriteringsordning för hur vår logotyp bör placeras.

I första hand bör logotypen ligga i nedre högra hörnet av en yta. Då fungerar den bäst som en avsändare av innehållet.

I vissa undantagsfall kan logotypen vänster- ställas i överkant på ett format, detta kan tillexempel vara praktiskt på en hemsida, en faktura eller ett brevhuvud.

Om logotypen är ensam på ytan, kan den även centreras i höjd och sidled.

1. Högerställd i nederkant

2. Vänsterställd i överkant

3. Centrerad i höjdled & sidled

Do's & Don'ts

Do

Logotypen bör användas i rätt proportioner och inte manipuleras på något sätt.

Do

Logotypen bör användas i svart mot ljusa bakgrunder.

Do

Logotypen bör användas i vitt mot mörka bakgrunder.

Do

Logotypen bör användas endast mot bildbakgrunder där den är tydligt läsbar.

Don't

Logotypen bör inte manipuleras på något sätt, tillexempel sträckas ut eller tryckas ihop oproport- ionerligt.

Don't

Logotypen bör inte återges i någon annan färg än svart eller vit.

Don't

Logotypen bör inte ges några effekter, tillexempel skuggor eller liknande.

Don't

Logotypen bör inte läggas mot bakgrunder med otillräcklig kontrast.

Ladda ner

Typografi

Vårt typsnitt heter Euclid Triangle och är ett geometriskt sans-seriftypsnitt utvecklat av Swiss typefaces. Typsnittet bygger till stor del på triangelformen, med sneda skärningar och spetsiga vinklar.

Typsnittet är modernt och funktionellt men har samtidigt en viss skevhet som gör det inbjudande, lekfullt och personligt.

I rubriker använder vi vikten Bold och i brödtext vikten Light.

Storlekar & avstånd

Här är några generella tips för hur vårt typsnitt bör hanteras:

— Skapa kontrast i storlek mellan olika text- block, tillexempel mellan rubrik, ingress och brödtext. Kontrast mellan textblock kan göra en layout lättläst och effektfull.

— Radavståndet är det vertikala utrymmet mellan textraderna. Små texter behöver större radavstånd medan större texter behöver mindre radastånd. En brödtext på 16pkt bör ha ett radavstånd på ca 1,25 x textstorleken, medan en rubrik på 150px bör ha ett radavstånd på 0,9x textstorleken.

— Rubriker bör alltid vara så korta som möjligt och ha ett teckenavstånd på -20.

– Rubriker bör inte avslutas med punkt.

Grundläggande riktlinjer

Valbo använder två typer av linjeringar för text: vänsterställd och centrerad.

När vi har liten mängd text i en layout, kan
den med fördel centreras. När vi har en större mängd text, blir centrerad text ofta svårläst och rörig, därför vänsterställer vi texten när
den blir längre.

I vissa fall, som tillexempel nr 2 här brevid, kan rubriken vara centrerad och brödtexten vänsterställd.

Vi använder aldrig högerställd text.

1. Centrerad

2. Centrerad + vänsterställd

3. Enbart vänsterställd

Do's & Dont's

Do

Rubriker bör vara korta (1–6 ord). Detta gör budskapet tydligare och lättare att
ta till sig.

Do

Använd så få vikter och storlekar som möjligt i en layout.

Do

Rubriker bör skrivas versalgement i vikten bold.

Do

Längre texter bör alltid vara vänsterställda.

Don't

Rubriker bör inte vara för långa och bör inte avslutas med punkt.

Don't

Undvik att blanda många olika vikter och textstorlekar i en layout.

Don't

Rubriker bör inte skrivas i versaler eller i vikten light.

Don't

Text bör aldrig högerställas.

Ladda ner

Färger

Valbos färger är framtagna för att vara lekfulla och inbjudande och fungera som en lugn bas för våra besökares och våra hyresgästers färgstarka personligheter.

De är också tänkta att vara en mjukare motvikt till vår skarpa vinkel.

Färgerna är indelade i 4 färgskalor med tre nyanser i varje kategori. De olika färggrupperna är inte tänkta att blandas med varandra.

Gråskala

Förutom våra färger använder vi oss av svart och vitt, framförallt på vår logotyp och i text.

I vissa fall kan det även vara praktiskt med en gråskala som komplement till våra huvudfärger. I digitala kontexter kan dessa tillexempel användas som bakgrunds & linjefärger.

Komplementfärger digitalt

För att skapa en dynamisk och användarvänlig upplevelse online har vi definierat ett urval av kompletteringsfärger som endast används på webbplatsen. Dessa färger kompletterar vår huvudpalett och hjälper till att lyfta fram specifika element, skapa kontrast och guida användaren genom digitalt innehåll.

Kompletteringsfärgerna används sparsamt och strategiskt för att säkerställa att webbplatsens design förblir tydlig och i linje med vår visuella identitet. De stärker upplevelsen utan att konkurrera med huvudfärgerna, vilket upprätthåller ett konsekvent och harmoniskt uttryck.

Bakgrund (Primär) och Text (Sekundär)
HEX: #ffffff

Bakgrund (Sekundär) och
HEX: #D5E2D3

Text (Primär), Rubrik och svart
HEX: #222222

Rubrik 2, Header, Knapp (Hover), Text länk, Text (Hover) och tagg
HEX: #60A97C

Footer, Knapp och Text länk (Hoover)
HEX: #2D5B4F

BG (Alt 3)
HEX: #F4F8F4

Border
HEX: #0000001A

Image Overlay
HEX: #00000066

Do's & Dont's

Do

Färgerna bör kombineras inom sina respektive färggrupper.

Do

Färgerna används med fördel på vårt grafiska element – vinkeln – mot vit bakgrund.

Do

Färgerna kan användas och varieras efter säsong.

Do

Vit text bör användas på de mörkare bakgrundsfärger och svart text på de ljusare.

Don't

Färger bör inte kombineras utanför sin färggrupp. Grön bör alltså inte kombineras med röd och gul.

Don't

Färgerna bör inte användas mot svart bakgrund. Undantag endast vid Halloween och Black Friday.

Don't

Använd inte färger som inte finns med i Valbos palett.

Don't

Färgad typografi bör inte användas på färgad bakgrund.

Ladda ner

Grafiskt element

Vinkeln

Vårt grafiska element kallar vi för vinkeln. Vinkelns form är hämtad från logotypen och är en liksidig triangel.

Man kan säga att vinkeln är en abstraktion av vår logotyp. Den är också en homage till Valbos historia, där triangeln alltid
varit en framträdande form.

Det grafiska elementet kan användas som bakgrund på en affish, i en powerpoint- presentation eller på en hemsida. Den kan användas som behållare för bilder och text eller som referens för inredning och skyltning i vår fysiska miljö.

Vinkeln är också något som tillför skärpa och hjälper oss att skapa ett modernt och lite oväntat uttryck. I den finns en personlighet och en historia som vi är stolta över.

Användning

Valbos vinkel är lekfull och överraskande. Trianglarna är med fördel lite på sned för att skapa ett lekfullt uttryck.

Vår identitet är dynamisk och förändras kontinuerligt, det gör det viktigt att använda det grafiska elementet på olika sätt, från olika perspektiv, i flera lager. Det är aldrig stillastående.

Vår vinkel kan användas på många olika sätt. Här är några varianter som vi rekommenderar.

Vinklarna kan antingen användas i flertal – för att spegla vårt koncept om delaktighet – eller ensamma, som behållare för bilder eller text.

Vinklarna bör alltid användas utfallande för att ge effekten av rörelse och energi.

1. Tre vinklar — åtskilda

2. Tre vinklar — överlappande

3. En vinkel — textbehållare

4. En vinkel — bildbehållare

Erbjudanden

Vårt grafiska element kan användas för att kommunicera erbjudanden. Tillexempel på våra digitala skärmar eller på vår hemsida.

Budskapet i triangeln måste vara väldigt kort för att få plats på ytan och vara läsbart
och tydligt.

Här brevid är några exempel på budskap som kan skrivas i en erbjudande-splash.

Do's & Dont's

Do

Vinkeln bör användas med färger ur en och samma färgskala.

Do

Vinkeln bör användas stort och grafiskt.

Do

Vinkeln bör användas i olika nyans av samma färg.

Do

Vinkeln bör alltid vara utfallande, alltså sträcka sig utanför formatet.

Don't

Vinkeln bör inte användas med flera färger från olika färgskalor.

Don't

Vinkeln bör inte användas till att skapa sammansatta mönster.

Don't

Vinkeln bör inte upprepas flera gånger i samma nyans.

Don't

Vinkeln bör inte vara så liten att alla kanter ryms innanför formatets ramar.

Ladda ner

Bildmanér

Bilder är ofta den snabbaste kommunikationen för en betraktare att ta till sig. Här vill vi kunna förmedla vad Valbo är utan att använda ord. Våra bilder är färgstarka, lekfulla, inbjudande och personliga. Delaktighet och olikhet är viktiga ledord och vi vill att så många som möjligt ska känna igen sig i våra bilder.

Vi vill väcka intresse och få besökare att stanna upp. Helst av allt sätta ett leende på
läpparna på den som tittar.

Kvalitetstid

I våra kvalitetstidsbilder visar vi färgstarka personer som gör något roligt tillsammans, kanske äter glass eller gungar eller tar en selfie eller har på sig en kul hatt.

Bilderna bör kännas okonstlade och naturliga och vara tagna i stunden.

Karaktärsporträtt

Det viktigaste för oss är våra besökare.
Vi har många färgstarka karaktärer som besöker vårt köpcentrum. Det här lyfter vi upp i våra karaktärsbilder där vi porträtterar personer från olika bakgrund med olika personlighet, uttryck och gester.

Några nyckelord att förhålla sig till är:

— Delaktighet — Mångfald
— Lekfullhet

I bakgrunden använder vi våra färger och vårt grafiska element, vinkeln, på olika lekfulla sätt.

Produktstillében

När vi fotar produkter och kampanjer, kan vi använda oss av vårt grafiska element
– vinkeln – på olika sätt.

Antingen som ett bakgrundselement, i olika lager eller som ett podium som produkterna kan placeras på.

Vi kan arbeta med bilder i 2D men också i 3D när det gäller produktbilderna.

Säsong

För säsongsbunden kommunikation, till exempel jul, halloween, påsk eller alla hjärtans dag kan vi anpassa vårt bildmanér.

En bild för Black Friday-rean skulle till exempel kunna vara helt svart. En julbild skulle kunna föreställa en julgran uppbyggd av trianglar och en halloweenbild visa någon som

är utklädd till ett spöke.

Tillsammans med bilderna kan vi använda vårt grafiska element på olika sätt, tillexempel som en behållare för bilder och text.

Piktogram

Våra piktogram är framtagna för att vara både unika och tydliga, med en egen karaktär som är unik för Valbo. De bygger precis som vårt typsnitt och vårt grafiska element, på kombinationer av geometriska former, alltså kvadrater, cirklar och trianglar.

För skyltar i fysisk miljö använder vi piktogram som är något mer delatjerade än de vi använder för webben.