Ineras varumärke använder i huvudsak tre färger, en primär- en sekundär- och en accentfärg. Dessa nya färger gäller från och med den 14 december 2022 och ersätter den gamla turkos/beigea färgsättningen.
Innehållsförteckning
Exempelbild
Designspecifikation
I Ineras färgpalett är röd den primära färgen. Sekundärfärg är beige och accentfärg är grön.
Basfärger i paletten är de som är benämnda 40. Till dessa finns även ljusare respektive mörkare nyanser.
Röd färg används varumärkesbyggande i header, footer, navigationselement och typografi. Grön färg används som cta (call to action) för tex knappar, forms-element samt länkad text och rubriker. Beige färg används i stor utsträckning för bakgrundsytor. Kompletterande färger som orange och turkos används främst i grafik, illustrationer och diagram.
Färgpaletten kommer att uppdateras med fler nyanser för orange och turkos.
Tillgänglighet
Den nivå av tillgänglighet som gäller för digitala tjänster under varumärket Inera är minst WCAG 2.1, AA.
Var noga med att kontrollera kontrastvärdena både för text mot bakgrund respektive komponenter och informationsbärande grafik. Se riktlinjer:
https://webbriktlinjer.se/riktlinjer/126-tillrackliga-kontraster/
https://webbriktlinjer.se/riktlinjer/156-anvand-tillrackliga-kontraster-i-komponenter-och-grafik/
Feedback
Hjälp oss att förbättra den här sidan genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.
Publicerad | |
---|---|
Senast uppdaterad |