Visuell identitet
Hur vi ser ut
OM VÅR VISUELLA IDENTITET
Vårt designsystem består av flera olika verktyg som tillsammans utgör den visuella identiteten — logotyp, typografi, färger, grafiska element och bilder.
LOGOTYP
Logotypen fungerar som en avsändare och garant för det vi säger och gör. För att garantera ett konsekvent och tydligt användande finns några få och enkla regler. Reglerna omfattar bland annat logotypens färger, placering och dess frizon.
Logotypen består av två delar: cirklarna och ordbilden. Dessa bildar tillsammans en helhet och får aldrig ritas om eller förvrängas.
Logotypen får inte användas i löpande text. Namnet får inte heller avstavas eller förkortas i texten.
Frizon
Logotypen måste ha utrymme runt om för att bibehålla sin tydlighet. Den får inte placeras för nära hörn, kanter, bilder, textblock eller andra grafiska element. Ingelsta Shoppings cirklar avgör avståndet.
Användning
Vår logotyp finns i fem varianter, en svart huvudlogotyp, två inverterad mot svart bakgrund samt två svarta mot beige bakgrund som är våra alternativa logotyp.
Det är viktigt att logotypen framträder på ett tydligt och kontrastrikt sätt gentemot bakgrunden. Mot en mörk bakgrund använd då istället den inverterade logotypen.
Vår huvudlogotyp
Våra alternativa logotyper
Placering
Do's & Don'ts
Logotypen är unik och varumärkesskyddad. Det betyder att man inte får skapa en egen version med en liknande form eller liknande bokstäver. Den får inte heller manipuleras formmässigt på något sätt.
Ladda ner
TYPOGRAFI
Huvudtypsnitt
Vår visuella identitet bygger på en noggrant utvald typografisk palett som kombinerar modernitet med tidlös elegans.
De tre huvudtypsnitten är:
- FuturaEFOP-Heavy för rubriker och mellanrubriker
Detta typsnitt används för rubriker och andra framträdande texter. Dess kraftfulla och geometriska form förmedlar tydlighet och självförtroende. - FuturaEFOP-Book för brödtext
En mer återhållsam version av Futura, perfekt för brödtext och längre texter. Dess rena linjer säkerställer hög läsbarhet och en harmonisk balans. - FG Saga för dekorativ text och puffar
Ett dekorativt typsnitt som används sparsamt för att skapa en unik karaktär i citat, rubriker eller andra accentueringar. Dess lekfullhet kompletterar de strama linjerna i Futura-serien.
Typsnitt för digital användning
För vår webbplats har vi valt Galano-familjen som digitala typsnitt. Med sin moderna och mångsidiga design säkerställer Galano en tydlig och konsekvent användarupplevelse online.
Typsnittsfamiljen består av:
- Galano Brödtext
Huvudtypsnittet för brödtext och längre avsnitt. Dess enkla och rena utformning ger utmärkt läsbarhet och en lugn typografisk rytm som passar perfekt för digitala skärmar. - Galano Bold
Används för rubriker, knappar och andra viktiga element. Med sin kraft och tydlighet lyfter det fram centrala budskap och skapar visuell hierarki. - Galano Grotesque
Ett mångsidigt komplement som används för mindre detaljer, såsom bildtexter, länkar och metadata. Dess moderna uttryck förstärker webbplatsens professionella känsla.
FÄRGER
Färgpalett
Vår färgpalett är kärnan i vår visuella identitet och används för att skapa en konsekvent och igenkännbar design. De fyra huvudfärgerna representerar vår varumärkes personlighet och används strategiskt för att kommunicera tydlighet, energi och professionalism.
Genom att använda dessa färger konsekvent i alla våra kanaler säkerställer vi ett enhetligt uttryck som stärker vårt varumärke och underlättar igenkänning. Varje färg har en specifik roll och används med avsikt för att skapa balans och harmoni i vår kommunikation.
Färgsystem
CMYK används vid fyrfärgstryck.
PMS (Pantone Matching System) används när man trycker med en eller flera färger.
RGB används till digitala applikationer.
Grundfärger
CMYK: 0, 98, 22, 0
RGB: 229, 0, 109
Pantone: Rubine Red C
HEX: #e5006e
CMYK: 0, 64, 90, 0
RGB: 249, 117, 28
Pantone: 1585 C
HEX: #fa751c
CMYK: 0, 0, 0, 100
RGB: 0, 0, 0
Pantone: Process Black
HEX: #000000
CMYK: 0, 0, 0, 50
RGB: 178, 178, 178
Pantone: Cool Gray 4
HEX: #b2b2b2
CMYK: 0, 0, 0, 0
RGB: 255, 255, 255
HEX: #ffffff
Sekundärfärger
CMYK: 0, 19, 27, 0
RGB: 252, 218, 191
Pantone: 719 C
HEX: #fcdabf
CMYK: 0, 10, 14, 0
RGB: 254, 236, 222
Pantone: 7506 C
HEX: #feecde
CMYK: 80, 100, 0, 70
RGB: 40, 0, 60
Pantone: 2695 C
HEX: #28003c
Övertoningar på rubriker används sparsamt och strategiskt, i linje med vår färgpalett, för att bibehålla en ren och konsekvent design. Detta tillför en unik detalj som gör våra rubriker ännu mer iögonfallande och igenkännbara i både digitalt och tryckt material.
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)
HEX: #FEF2F9
Text (Primär), Rubrik, Knapp (Hoover), Text länk och svart
HEX: #222222
Bakgrund (Alt. 3)
HEX: #FCDABF
Bakgrund (Alt. 4)
HEX: #FEECDE
Rubrik 2
HEX: #B40063
Rubrik 3, Tagg och Knapp
HEX: #E5006E
Textlänk / hoover och Text / Hoover
HEX: #00A19A
Border
HEX: #0000001A
Image Overlay
HEX: #00000066
Footer
HEX: #333333
Payoff
En payoff förtydligar varumärket för att maximera vår position i kundernas medvetande. Syftet med payoffen är att kommunicera vår själ på ett kort och kärnfullt sätt. Payoffen placeras om möjligt i övre högra hörnet.
Lorem ipsum dolor sit amet. Aut excepturi maxime et quia aspernatur et nisi cupiditate et deleniti expedita ut repellendus quam. Hic consequatur natus quo iusto illum aut consectetur quidem non corporis molestiae.
Quo quidem illum ex impedit nihil ut culpa magnam et voluptate perspiciatis non similique magni! Et tempora esse et magni tenetur et architecto omnis qui consequatur nulla At nulla doloremque qui Quis harum.
Ut eius labore in quasi quaerat et quos doloremque. 33 debitis optio sed provident incidunt quo esse voluptatem ab natus minus qui porro delectus sit velit quibusdam!
Ladda ner
Grafiska element
Våra bollar
Våra bollar är ett genomgående designelement i vår grafiska profil och spelar en central roll i att kommunicera vårt varumärkes karaktär. Deras form symboliserar helhet, rörelse och samhörighet, vilket speglar våra kärnvärden och vårt sätt att arbeta.
Vi använder bollar på flera sätt för att skapa igenkänning och visuell dynamik:
- Marknadsföring
Bollar används för att förstärka budskap och skapa en lekfull men balanserad komposition i tryckt och digital marknadsföring. - Logotyp
I vår logotyp fungerar bollarna som ett grundläggande element, vilket ger den en unik och tidlös design. - Digitalt och tryckt material
På webbplatsen och i tryckt material används cirklar för att strukturera innehåll, framhäva viktiga delar och tillföra en subtil men kraftfull visuell identitet.
Genom att hålla bollarna inom fyra av våra utvalda huvudfärger säkerställer vi en visuellt sammanhållen design som förblir tydlig och lätt att känna igen i alla kanaler.
Ladda ner
Bildhållare
Bildhållaren är en integrerad del av bollen och används för att rama in bilder på ett sätt som skapar fokus och harmoni i våra designelement. Den förstärker känslan av helhet och tillför visuell balans i både digitalt och tryckt material.
Bildspråk
ANNONSER
MILJÖ
Fasadskylt
Vårt uttryck i bild, färg och form säger mycket om oss. Våra ledord: Inspirera, Inkludera och Briljera lägger grunden för hur vi visuellt framstår. Att vi utstrålar en inspirerande känsla märks på vårt tydliga, medvetna men vackra och öppna sätt att kommunicera. Exempelvis ger bilder på okonstlade, glada och inkluderande människor i rörelse – gärna ute i naturen, en association till sköna och roliga upplevelser. Närbilder på detaljer ger en uppdaterad och medveten känsla som ger inspiration, väcker nyfikenhet och en vilja att ta reda på mer.