Typografi
Våra typsnitt
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
Fraunces
abcdefghijklmnopqrstuvwxyz
Inter
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Fotografi
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.
Ikoner
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
Lorem ipsum dolor set amet
Lorem ipsum dolor set amet
Lorem ipsum dolor set amet
Presentationer
Cover example
Cover with a photo
Web look-and-feel
Toppsektion
Toppsektion med The Sphere och rubrik
Toppsektion med rubrik och produktbild
Features
Innehålls moduler
Pris
Testimonials
Ikoner
Q&A & footer
Digital marknadsföring
LinkedIn profile
LinkedIn profile
alternative background image
LinkedIn Ad
There's no need for logo on the post image, because it is always visible as profile image andname.
Display Ad
Newsletter
App store look and feel
Utomhus affishering
Events och skyltar
Broschyrer
Produktdesign
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.
Mörka färger --> Textelement, GUI borders, Navigation icons etc. 
Ljusa färger --> Bakgrunder

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




Exempelsidor
Produktsida med grafer, tabell
Produktsida med tabell, filvisare
Produktsida med tabell, filvisare
Exempelsidor
Karriärsajt
Brand case video
Launch campaign
Outdoor ads
Animated banners
Bus back
Digital ads
Youtube
Display
Aftonbladet
