Sidjämförelse

Här hittar du grafiska element och komponenter som tillhör varumärket 1177. 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.

Vill du läsa mer om designmönster respektive komponent så finns det mer information under Designmönster - öppna webbplatser. Se under både Generiskt webb samt Invånartjänster.

Vilken typ av tjänst styr den grafiska gestaltningen

Först bör du ta reda på vad just din digitala tjänst ska göra och vem den riktar sig till. Riktar den sig till invånare eller profession och är det primärt ett verktyg eller är det allmän information/inspiration?

Till din hjälp har vi tagit fram en sk. ”fyrfältare” som är uppdelad i Profession vs. Invånare och Inspiration vs. Verktyg.  Den är till för att på ett enkelt och överskådligt sätt kunna placera in respektive tjänst och få lite grundläggande hjälp vad en ska tänka på innan en börjar med designen.

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.
  

Om tjänsten förmedlar inspiration/allmän information ellerär ett verktyg styr det hur innehållet gestaltas:

• 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.

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