Choose language
Brand Guidelines
Updated: maj 11, 2026

Vårt manifest

Varför finns vi?
Vi finns till för de som vill känna sig trygga med att affärsdokument tas om hand pårätt sätt och i rätt tid. Vi skapar hållbara medarbetare i hållbara företag.

Vad vi gör och hur vi gör det?
Vi gör ekonomifunktionen enklare, säkrare och smartare genom att digitalisera ochautomatisera order, fakturor och momsrapportering.

Vad gör oss svåra att kopiera?
Egen systemutveckling, expertis på vilka krav som gäller i dag och i morgon och integration av affärs- och redovisningssystem i ett nätverk med över en miljonföretag och organisationer.

Vi levererar alltid
Intuitiva produkter, garanterad regelefterlevnad och marknadens bästa service.

Vi ska uppfattas som
En innovativ, kunnig och hjälpsam marknadsledare.

Vårt uttryck i text och bild
Självklar, tydlig och engagerad.

Vår mission
Lönsamhet med stort hjärta och litet fotavtryck

Vårt varumärkesnamn

Vårt varumärkesnamn och produktnamn är Inexchange.

Det är namnet på vårt erbjudande och det vi ska ladda med positiva associationer. När vi skriver det i löpande text använder vi en stor bokstav i början, följt av små bokstäver, alltså Inexchange. Satt i ägandeform (genitiv) skrivs Inexchange med s-ändelse =Inexchanges.

Vårt tilltal

Självklar

Vi är en auktoritet utan att vara tvärsäkra. Vi delar erfarenheter utan att vara mästrande. Och vi kan berätta om framgångar utan att vara skrytsamma. Vi är insiktsfulla, orädda och långsiktiga.

Tydlig

Vi kommunicerar på ett enkelt sätt så att vem som helst kan förstå vad vi menar. Vi försöker använda så lite tekniska termer som möjligt, nästan allt går ju att beskriva med ”vanliga” ord.

Engagerad

Att vara serviceinriktad är en viktig del av vår produktutveckling eftersom det hjälper oss att förutse många av de problem vi vill lösa. Det är genom samtal med kunden vi kan fortsätta leverera trygghet.
 

Exempel på tilltal i text

Exempel 1

Kundreskontra med harmoni

E-fakturor blir automatiskt en del av ert ekonomisystem och all pappershantering försvinner. Du slipper oroa dig för att missa utskick, förfall eller momsrapporter. Och dessutom får du mer tid över till annat. Att byta från papper eller pdf är inte svårt eller krångligt och det passar alla typer av företag, stora som små. När det väl är gjort frågar sig de flesta varför det inte hände tidigare. Välkommen till en enklare vardag på ekonomiavdelningen. 

Exempel 2

Gör order och faktura till en del av ert system

E-ordrar och e-fakturor blir automatiskt en del av ert affärssystem och du slipper inte bara papper, utan också att lägga tid på att hantera olika saker var för sig.Kundfakturorna levererar vi i de format era kunder vill ha dem, inklusive via accesspunkt till Peppols nätverk. Och leverantörsfakturor går direkt in i ert attestsystem. Även det flödet kan bli helt digitaliserat genom skanning av pdf- och pappersfakturor.

Profilbild, mobilapp & favicon

 

När vi behöver en ikon som ska fungera i ett litet kvadratiskt format, som till exempel profilbild på sociala medier, i e-postmarknadsföring, i mobilappar eller som favicon, använder vi vår 3D-avatar som vi kallar "the Sphere".


(Eventuellt denna rad: Läs mer om vårt 3D-uttryck och hur det ska användas här) 

Favoicon

Rätt och fel

 

Det är viktigt att vara konsekvent i hur vi använder vår logotyp för att skapa igenkänning och skydda vårt varumärke. För att undvika felanvändning, följ de här enkla riktlinjerna. 

Howtouse
Do

Tänk på kontrasten och läsbarheten när du placerar logotypen på en bakgrund och använd den vita logotypen versionen på mörka bakgrunder.

FrizonTip
Do

Tänk på: Respektera alltid frizonen och behåll proportionerna när du skalar.

Donts
Don't

Förändra aldrig logotypens form, färg eller proportioner, och säkerställ alltid god läsbarhet genom korrekt placering och användning.

DoNot_1
Don't

Rotera, förvränga eller böja logotypen på något sätt.

DoNot_2
Don't

Ändra i logotypens ordbild

DoNot_3
Don't

Byta färger på logotypen.

Avoid_1
Don't

Undvik att placera logotypen på en rörig bakgrund. Se alltid till att den är läsbar.

DoNot_4
Don't

Placera inte logotypen på favoicon eller annat 3d objekt.

DoNot_5
Don't

Kombinera inte favoiconen med logotypen

The sphere

Vi marknadsför oss ofta med 3D-bilder. Världen är skapad för att illustrera vårt erbjudande. Bilderna och animationerna kan handla om vårt nätverk, möjligheten att skicka och ta emot fakturor i olika format, men också om känslan av att utnyttja ny teknik som underlättar vardagen för den som hanterar fakturor på något sätt.Teman för bilderna är bland annat: automatisering av flöden, hur vi förenklar fakturaprocessen och säkerställer att fakturor betalas i tid, samt att bokföringen blir korrekt.

 

Vår 3D-värld har fått sin egen stil genom inspiration från papperets textur, något som även anknyter till vår digitalisering av pappersfakturor. Vi har också valt ut en specifik färgpalett för att skapa en stil som sticker ut från konkurrenterna och gör det lättare för kunderna att känna igen oss.

 

Tänk på

Använd 3D-bilderna för att visa positiva scenarier. Bilderna ska kännas lugna ochanimationerna ska flyta på i ett behagligt tempo. 

 Animationer

 Stillbilder

 Layoutexempel

Färger

Våra varumärkesfärger består av lila-rosa och neutrala gråtoner i kombination medsvart och vitt.

 

För att hålla en enhetlig stil använder vi huvudsakligen svart i både typografi ochlogotyp på antingen vitt eller på någon av våra ljusa varumärkesfärger.

 

Färgpalett 

 

De ljusa varumärkesfärgerna är en viktig del i Inexchanges uttryck och har somsyfte att göra varumärket personligt och kontrastera mot den svarta logotypen. Deneutrala bakgrundsfärgerna är sekundära färger som används för att balansera detrosa och skapa ett professionellt och seriöst helhetsintryck.

 

Varumärkesfärger (Ljusa bakgrunder)

 

Full Pink, Watermelon, Flamingo, Lilac, Soft Pink

Kombineras med logo, ikoner och typografi i svart.

 

Varumärkesfärger (Signal "mörk" bakgrund)

 

Lavender

 

Typografi

 

Använd soft black för typografi som är placerad på vit bakgrund. Hundra procentsvart används om bakgrunden är i färg.

 

Lavender

#C187F5

193, 135, 245

528 C

Full Pink

#FF8CEC

255, 140, 236

244 C

Watermelon

#F5627A

245, 98, 122

709 C

Flamingo

#FFB3D6

255, 179, 214

1895 C

Lilac

#EFD0EB

239, 208, 235

516 C

Soft Pink

#F5E4F3

245 ,228, 243

7436 C

Black

#000000

0 , 0, 0

Screen Text

#2B2E34

43, 46 ,52

Silver Grey

#D3CDD4

211, 205, 212

Soft Grey

#F0EEF0

240, 238, 240

White

#FFFFFF

255, 255, 255

Notera att tryckfärgerna påverkas av tryckteknik och papper. Provtryck äratt rekommendera och konsultera alltid tryckeriet för att säkerställa bästaresultat. I de flesta fall av flerfärgstryck är CMYK att rekommendera, pågrund av kostnadsskäl. För CMYK färger konvertera med RGB färgerna medtryckeriets rekommendation eller Coated FOGRA39.

Typografi

Example: headline, body text and CTAs

Våra typsnitt är

Fraunces Regular kombinerat med Inter. Fraunces är ett rubriktypsnitt som har karaktär och är valt för att skapa igenkänning och bilda balans till logotypens robusta uttryck. Inter är en modern sanserif som vi använder i brödtexter, call-to-action och faktatexter, men även för rubriker i mindre grad.

Generellt sett ska textfärgen vara svart. Svart ger en tydlig kontrast och är lättläst.Det hänger också ihop med vårt uttryck i text som ska kännas självklart och tydligt.

För länkar, använd understruken svart text i fet stil. Du hittar exempel på hur man ska använda svart och färg i typografi

här

Fraunces

Aa

Fraunces
Weight: 400
Style: normal 



ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Inter

Aa

Inter
Weight: 400
Style: normal 



ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Inter
Weight: 600
Style: normal 



ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Fotografi

 Vi använder fotografiska bilder som ett komplement till vårt 3D-uttryck. Våra unika 3D-illustrationer fångar intresset, men vi lyfter gärna fram bilder på oss själva och våra kunder för att visa att vi är personliga och värdesätter våra relationer. Läs mer om vårt 3D-uttryck här. 

Autenticitet Det är viktigt att bilderna känns äkta och genuina. Det kan vara enskilda individer eller grupper som interagerar med varandra, eller personer som skapar ögonkontakt med kameran för att förmedla en känsla av närvaro och kontakt.

Bilderna bör tas med omsorg för att personerna i dem ska framträda i ett fint ljus. Miljöerna kan vara intressanta, men bakgrunderna ska inte dominera bilderna. Optimera ljus, färg och kontrast i bilderna, men undvik att manipulera dem för mycket i efterhand för att behålla deras äkthet.

Hållbara människor
Vi visar människor i vardagliga situationer, både på och utanför arbetet, där de framstår som avslappnade, nöjda och trygga, vilket signalerar användningen av Inexchange: "Vi skapar hållbara medarbetare i hållbara företag".

Mångfald
Vi är stolta över den mångfald som finns bland Inexchanges användare och personal, och det är viktigt att detta återspeglas i vårt bildspråk. Vi visar en variation i etnicitet, ålder, kön, kultur och geografi (stad och land, syd och norr). Mångfalden ska kännas självklar och naturlig – inte forcerad eller övertydlig. 
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

Ikoner

Stilen på våra ikoner ska vara enkel och informativ, snarare än dekorativ och personlig. Ikonerna bör vara enkla, konturerade, med skarpa vinklar (inte rundade). Vår färgsättningsprincip är enkel. På färgad bakgrund använder vi svart och på vit bakgrund använder vi färg (Watermelon).

Du kan ladda ned ikoner från Material Design här
Använd följande inställningar när du laddar ned dina ikoner.
Use the following settings when downloading:
  • Weight: 300
  • Grade: 0
  • Optical Size: 48px 
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9

Lorem ipsum dolor set amet

256_Image_Placeholder_16-9

Lorem ipsum dolor set amet

256_Image_Placeholder_16-9

Lorem ipsum dolor set amet

Presentationer

256_Image_Placeholder_16-9

Cover example

256_Image_Placeholder_16-9

Cover with a photo

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

 Klicka på knappen "Use the template" i det övre högra hörnet för att använda mallen. 

Web look-and-feel

 I de följande exemplen kan du se hur typografi, färger och bilder kan användas på en webbplats. 

Toppsektion

256_Image_Placeholder_16-9

Toppsektion med The Sphere och rubrik

256_Image_Placeholder_16-9

Toppsektion med rubrik och produktbild

Features

256_Image_Placeholder_16-9
i
Toppsektion med The Sphere och rubrik

Innehålls moduler

256_Image_Placeholder_16-9
i
Toppsektion med The Sphere och rubrik

Pris

256_Image_Placeholder_16-9
i
Toppsektion med The Sphere och rubrik
256_Image_Placeholder_16-9
i
Toppsektion med The Sphere och rubrik

Testimonials

256_Image_Placeholder_16-9
i
Toppsektion med The Sphere och rubrik

Ikoner

 Read more about icons here 
256_Image_Placeholder_16-9
i
Icons

Q&A & footer

256_Image_Placeholder_16-9
i
Icons

Digital marknadsföring

LinkedIn profile

 

256_Image_Placeholder_16-9

LinkedIn profile

256_Image_Placeholder_16-9

alternative background image

LinkedIn Ad

 

256_Image_Placeholder_16-9

There's no need for logo on the post image, because it is always visible as profile image andname.

Display Ad

 

256_Image_Placeholder_16-9

Newsletter

 

256_Image_Placeholder_16-9

App store look and feel

 

256_Image_Placeholder_16-9

Utomhus affishering

 

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

Events och skyltar

 

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

Broschyrer

 

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

256_Image_Placeholder_16-9

Produktdesign

 Vår produktdesign bygger på Material Design, kompletterat med våra unika detaljer. Designen utgår från en grå neutral bakgrundsfärg mot vilken vi använder vitt för att framhäva produkternas interaktiva element och skapa visuell kontrast. Profilfärgen i vår palett är lila, en färg vi använder med omsorg, vid sidan av blått, grönt, gult och rött som spelar viktiga roller för interaktivitet och att visa olika statusar.
Vårt mål är att erbjuda en användarupplevelse som är både lätt och inbjudande, samtidigt som den speglar vårt varumärke subtilt och placerar användarna i centrum. Nedan presenteras våra riktlinjer för designspråket samt exempel på hur vi integrerar varumärket i olika delar av produkten. 
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

 Mörka färger --> Textelement, GUI borders, Navigation icons etc. 


Skärmbild 2026-05-11 125607

 Ljusa färger --> Bakgrunder 


Skärmbild 2026-05-11 125708

 Funktionella färger 

Dessa färger ska endast användas för produkt. Denna palett har ett större utbud av färger som är till för att användas för funktionella inslag, exempelvis visa status. Utöver detta finns det en specifik färg för knappar och andra interaktiva delar som uppfyller kontrastkraven som standarden för tillgänglighet, WCAG 2.0, definierar. 

 Profilfärg --> Används på primära GUI element, aktiva länkar etc. Avänds sparsamt. 

Skärmbild 2026-05-11 130934

 

 Sekundära färger --> Statuselement, blått för länkar. Använd ej på knappar eller GUI element. 


Skärmbild 2026-05-11 140738

Skärmbild 2026-05-11 140813

Skärmbild 2026-05-11 140836

Skärmbild 2026-05-11 140900

 

Exempelsidor

256_Image_Placeholder_16-9

Produktsida med grafer, tabell

256_Image_Placeholder_16-9

Produktsida med tabell, filvisare

256_Image_Placeholder_16-9

Produktsida med tabell, filvisare

Exempelsidor

256_Image_Placeholder_16-9
i
Produktsida med grafer, tabell
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare
256_Image_Placeholder_16-9
i
Produktsida med tabell, filvisare

Karriärsajt

Skärmbild 2026-05-11 141741
screencapture-jobs-inexchange-se-2026-05-11-14_14_13
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

Brand case video

 

Launch campaign

Outdoor ads

Animated banners

256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

Bus back

256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

Digital ads

Youtube

256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet

Display

Aftonbladet

256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet
256_Image_Placeholder_16-9
i
Lorem ipsum dolor set amet