Svenska kraftnäts designsystem är grunden för organisationens digitala gränssnitt. I takt med att systemet vuxit har det blivit svårare att förstå hur komponenter, färger, typografi och interaktionsmönster ska användas. Vårt uppdrag blev därför att strukturera, standardisera och dokumentera designsystemet för att skapa en tydligare och mer långsiktigt hållbar grund.

Vi tog fram en omfattande dokumentation med riktlinjer för hur designsystemet ska användas i Svenska kraftnäts digitala tjänster. Genom att samla riktlinjer, komponenter och exempel på en gemensam plattform skapar vi bättre förutsättningar för designers, utvecklare och andra team att arbeta utifrån samma principer.

En central del av arbetet var att standardisera befintliga komponenter och tydliggöra hur och när de ska användas. Vi dokumenterade varianter och interaktiva tillstånd som hover, focus och disabled, tillsammans med användningsregler, tillgänglighetskrav, exempel och dos & don’ts. Även foundations som färg, typografi och ikoner fick tydligare riktlinjer för hur Svenska kraftnäts identitet ska appliceras digitalt.

Tillgänglighet har varit en genomgående princip i arbetet med ambitionen att skapa förutsättningar för konsekventa och inkluderande digitala upplevelser oavsett tjänst eller målgrupp.

Det nya ramverket ger Svenska kraftnät en gemensam grund för det fortsatta arbetet med designsystemet. När det implementeras kommer det att göra systemet enklare att förstå, använda och förvalta, minska risken för inkonsekventa lösningar och underlätta utvecklingen av sammanhållna digitala upplevelser över tid.