...
Röd: Används främst för navigationselement i ramverket, dvs i sajthuvud (navigation) eller i sajtfoten (stödlänkar).
Blå: Används för ikoner vid länkar eller till funktioner med call to action som knappar etc.
Grå: Används till ikoner som är informativa och inte har någon call to action. Dvs som inte tillhör navigationselement, är länkade eller knutna till en funktion. (Undantag: förstoringsikon på bilder)
Exempel: Ikonen användare finns här i röd, blå och grå variant. Röd används för inloggningsfunktion som är placerad i ramverket/sidhuvud. Blå används om exempelvis en knapp för inlogging är placerad på sidan i innehållet. Grå används t.ex om inloggningsfunktionen är disablad eller om det handlar om information om inloggning och inte är klickbart.
...
Länkade ikoner = blå #396291
Ej länkade ikoner = grå #636466
Exempel
Status | ||||
---|---|---|---|---|
|
Några exempel på hur vi använder ikoner med hjälp av Fontello eller som SVG filer inbäddade i CSS koden.
...
Ikoner - primära/varumärkesspecifika
EJ UPPDATERAD - Här finns en samling av 1177 Vårdguidens varumärkesspecifika ikoner i svg-format. (Finns även i Sketchbiblioteket):
View file | ||
---|---|---|
|
Övriga ikoner
Google Material design ikonbibliotek
...