...
Innehållsförteckning | ||
---|---|---|
|
...
Grafisk specifikation
...
Typografin ska lyfta och stärka våra budskap. Inter är vårt identitetsbärande typsnitt som används i rubriker och identitetsbärande budskap. För ingresser och brödtext använder vi primärt Open Sans.
För webb och tjänster som riktar sig till invånare används röd färg i H1 och H2 rubriker, medan webb och tjänster som riktar sig till professionen har mörkgrå färg i H1 och H2 rubriker.
Tvåfärgade rubriker i kärnbudskap
...
För vissa rubriker som t.ex. i huvudpuffen på startsidan, i sajtfoten eller i korta budskap används tvåfärgad rubrik
...
Inled med röd, fortsätt med mörkröd.
50% eller mindre färgas in i rött.
Hitta en naturlig brytpunkt.
Använd inte tvåfärgade rubriker i brödtext, rubriker på artikelsidor eller vid textning av rörligt material.
Fontspecifikation
Använd följande specifikation för fonter, färger, storlekar och kerning:
...
Se även detaljerade exempel för tjänster riktade mot invånare respektive profession.
Läs mer om riktlinjer för typografi på 1177 Vårdguidens varumärkesmanual:
https://www.1177.se/riktlinjer-och-material/om-varumarket/Varumarkesmanual/visuell-identitet/typografi/
Do’s and Don’ts
Använd röd färg till H1 och H2 för tjänster som riktar sig till invånare.
Använd grå färg till H1 och H2 för tjänster som riktar sig till profession.
Använd enfärgade rubriker generellt i puffar, sektionssidor, samlingssidor och artikelsidor.
Använd tvåfärgade rubriker till varumärkesspecifika rubriker på webben, t.ex. huvudpuff samt i sidfoten.
Tillgänglighet
Kontrastvärdena ska uppfylla kraven för WCAG 2.1, AA.
Kontrollera alltid kontrastvärdet mellan text och bakgrund.
Research på komponenten
-
Relaterade reurser/komponenter
Här hittar du våra typsnitt:
Open Sans: https://fonts.google.com/specimen/Open+Sans
Inter: https://rsms.me/inter/
Se även mer information på Varumärkesmanual 1177 Vårdguiden - typografi
Status
Status |
| ||||||
---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||
Senast uppdaterad | 2020-01-20 |
...