Region Uppsalas designbibliotek

Genom ett gemensamt designbibliotek skapar vi enhetlighet i alla digitala kanaler. Det förenklar både utveckling och förvaltning, samtidigt som det hjälper oss att uppfylla tillgänglighetskraven och ge ett konsekvent intryck av Region Uppsala.

Ett gemensamt digitalt uttryck

Oavsett var, hur och när människor möter oss vill vi upplevas som en modern och utåtriktad organisation. Vår grafiska profil hjälper oss att vara tydliga, öppna och konsekventa i all kommunikation.

Det digitala mötet är en allt viktigare del av helhetsintrycket. Webbplatser, formulär, appar och it-system bidrar i hög grad till bilden av oss som aktör. Därför ska samma omsorg om form, färg och tillgänglighet gälla digitala tjänster som i tryckt och övrig kommunikation.

När ska designbiblioteket användas?

Designbiblioteket gäller alla digitala tjänster som har ett användargränssnitt och nås via webbläsare eller appar. Det omfattar till exempel webbplatser, appar, it-system, formulär och digitala portaler som används av invånare, medarbetare, framtida medarbetare eller samarbetspartner.

Enskilda dokument omfattas inte av designbiblioteket utan följer andra riktlinjer.

Tillgänglighet som en del av varumärket

Tillgänglighet är en självklar del av vårt varumärke. Våra digitala tjänster ska fungera för så många som möjligt, oavsett förutsättningar.

Designbiblioteket bygger på kraven i lagen om tillgänglig digital offentlig service och uppfyller WCAG 2.1 nivå AA. De färger, kontraster och principer som används är anpassade för digital användning.

Vår gemensamma utgångspunkt är att det som är nödvändigt för vissa är bra för alla.

Grundläggande layout och färger

Alla digitala tjänster ska använda en gemensam grundlayout. Bakgrundsfärgen är ljusgrå och huvudinnehållet kan placeras direkt på bakgrunden eller på en vit tonplatta med raka hörn. Andra bakgrundsfärger, rundade hörn eller dekorativa ramar ska inte användas.

Den primära färgen i huvud och navigering är liljeröd. Komplementkulörer kan användas i utvalda sammanhang, till exempel för relaterad information, men endast i WCAG-säkrade kombinationer. Om tekniska begränsningar finns ska ljusgrå eller vit användas i första hand.

Sidfot eller motsvarande sekundära ytor färgsätts i liljeröd med vit text.

Alla färgkoder hittar du på sidan Region Uppsalas färgpalett.

Logotyp i digitala gränssnitt

Region Uppsalas logotyp placeras i övre vänstra hörnet och ska alltid ha ett luftutrymme motsvarande en lilja mot omgivande ytor. På liljeröd bakgrund används den vita logotypen.

Logotypen får inte ändras, kombineras med andra symboler eller placeras på alternativa sätt.

Här kan du läsa mer om och ladda ner logotypen.

Typografi och läsbarhet

Det primära typsnittet för rubriker i digitala tjänster är Platform Bold eller Medium och Source Sans Pro för övrig text.

Texten ska vara vänsterställd och ha god kontrast mot bakgrunden. Rubriker och brödtext ska användas konsekvent för att skapa tydlig hierarki och god läsbarhet.

Om ett system inte stödjer Platform eller Source Sans Pro används Segoe UI. Centrering av text ska undvikas eftersom det försämrar läsbarheten, särskilt för längre texter.

Knappar, ikoner och interaktion

Knappar ska alltid innehålla tydlig och vägledande text. Färg eller symboler får aldrig vara den enda informationsbäraren. Formulär- och åtgärdsknappar har rundade hörn, men om tekniska begränsningar finns används systemets standardutförande.

Inbyggda funktionsikoner i system, som meny- eller inställningsikoner, får användas så länge de har tillräcklig kontrast och fungerar tillsammans med helheten. När andra organisationers varumärken används, till exempel vid delning i sociala medier, följs deras grafiska riktlinjer.

Region Uppsalas egna symbolbilder kan användas även i digitala tjänster, med hänsyn till helhetsintrycket och varumärkets uttryck.

Avvikelser och stöd

Designbiblioteket gäller digitala tjänster där Region Uppsala är ensam avsändare. För lösningar som delas med andra organisationer kan särskilda bedömningar behöva göras, men tillgänglighetskraven gäller alltid.

Om tekniska eller verksamhetsmässiga förutsättningar gör det svårt att följa riktlinjerna ska detta diskuteras med Region Uppsalas kommunikations- och informationsavdelning. Genom dialog kan vi hitta fungerande lösningar och samtidigt utveckla designbiblioteket över tid.