Brand Guidelines Produktdesign

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.

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