Inera

Här hittar du grafiska element och komponenter som tillhör varumärket Inera. Till varje komponent finns en beskrivning, visuell gestaltning samt kod att använda.

För designers finns även alla komponenter samlade i “Inera Komponentbibliotek” i Figma. Se mer information om Figma här.

Tillgänglighet

Komponenterna i detta bibliotek är designade för att placeras på vit bakgrund. Om annan bakgrundsfärg används behöver färgkontrasterna ses över.

Regler - vad man får och vad man inte får förändra

Syftet med komponentbiblioteket är att så långt som möjligt använda samma komponenter med samma design för att få en enhetlig “look and feel” över olika tjänster. I vissa fall kan dock komponenter behöva förändras för att passa sin kontext. Exempelvis textfält, drop-menyer och knappar kan behöva ändra höjd eller storlek i vissa verktyg. Det viktigaste är att man försöker behålla samma känsla som i övriga tjänster.

Ej förändringsbart:

  • Logotyper

  • Typsnitt

  • Färger

Möjligen förändringsbart

  • Textfält

  • Dropmenyer

  • Knappar

  • Etc.

https://inera.atlassian.net/wiki/spaces/USI/pages/455968077

Sketchbiblioteket är ett designverktyg för UX/UI och ska säkerställa att rätt komponenter används redan i skisserna.

1177 Vårdguidens färgpalett, typografi, logotyper, ikoner samt den grid som vi utgår ifrån.

Här hittar du sajthuvud och sajtfot för desktop, tablet respektive mobil. Dessa skiljer sig åt beroende på målgrupper: riktad mot invånare eller mot profession.

Alla formulär- och interaktiva objekt utöver navigering och sajtfot kännetecknas av den blå färgen. Du hittar alla beståndsdelar här.

Komponenter som hör till sök, olika listor och accordions.

Olika typer av komponenter som hör till meddelanden och modaler.

Puffar leder oftast till relaterat innehåll.

Bildstorlekar, bildtext, bildspel och video.

Tabeller, grafisk datummarkör, tooltip etc och mer.

Förklaring av de sidmallar du kan behöva använda dig av.