...
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.
Vill du läsa mer om designmönster respektive komponent så finns det mer information under Designmönster - öppna webbplatser.
| Innehållsförteckning |
|---|
Namn på kategorier och komponenter är på engelska, för att matcha namngivningen i komponentbiblioteken i Figma och Storybook.
...
| Innehållsförteckning | ||||
|---|---|---|---|---|
|
...
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
...
Textfält
Dropmenyer
Knappar
Etc.
Vilken typ av tjänst styr den grafiska gestaltningen
Att tänka på vid användning av komponenter för 1177
...
Om tjänsten riktar sig mot invånare eller profession påverkar det ramverkets design:
tjänst mot invånare har bl.a. röd/rosa sajthuvud, röd sajtfot samt röda H1 och H2 rubriker.
tjänst mot profession har bl.a vitt sajthuvud och sajtfot samt mörkgrå H1 och H2 rubriker.
...
allmän information/inspiration använder röd färgskala på komponenter, t.ex på navigationsbrickor och accordions.
verktyg har blå färgskala på komponenter, t.ex på navigationsbrickor och interaktiva element.
Läs mer om färger på sidan Färger - 1177.
...