Komponenter

Här hittar du grafiska element och komponenter som tillhör varumärkena 1177 och Inera. Till varje komponent finns:

  • en beskrivning,

  • visuell gestaltning,

  • länkar till Figma och Storybook samt

  • tillgänglighetsinformation.

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

Namn på kategorier och komponenter är på engelska, för att matcha namngivningen i komponentbiblioteken i Figma och Storybook.



Vad gäller?

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. Till varje komponent finns även tillgänglighetskrav, se avsnittet “Tillgänglighet” på respektive komponentsida.

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, dropmenyer 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

Logotyper, typsnitt och färger anges i 1177:s varumärkesmanual och får inte ändras.

Möjligen förändringsbart

  • Textfält

  • Dropmenyer

  • Knappar

  • Etc.