Designsystemet är en samlad beskrivning av hur vi utformar våra digitala tjänster. Det innehåller färger, typografi, ikoner och återanvändbara komponenter som används för att bygga webbplatser och applikationer. Tillsammans skapar de ett gemensamt uttryck, en tydlig struktur i våra gränssnitt och en grund som stödjer tillgängliga lösningar genom genomtänkta kontraster, läsbarhet och fungerande interaktioner.
De gemensamma designvariablerna och ikonerna utgör grunden i designsystemet. De beskriver hur färger, typografi, ikoner och andra visuella delar ska användas i våra digitala tjänster. Tillsammans gör de att gränssnitten hänger ihop och ser enhetliga ut.
Tillgängliga och återanvändbara komponenter byggda med HTML, CSS och vanilla JavaScript. De kan användas i många olika tekniska miljöer och fungerar som en stabil bas för webbplatser och system som inte använder ett specifikt ramverk.
Tillgängliga och återanvändbara komponenter anpassade för moderna frontend-applikationer. De bygger på samma designprinciper och variabler som övriga delar av systemet, men är optimerade för ett komponentbaserat arbetssätt.
Här kan du testa hur komponenterna i UI-Framework fungerar.
Klistra in koden du vill testa och se resultatet direkt.
Har du några frågor? Kontakta oss.