Komponenter

notifications

Designsystemet Sheriff er under utvikling

Politiets designsystem er under arbeid. Vi jobber med å utvikle, designe og dokumentere komponentene, og vil oppdatere så fort vi har det oppe og stå. 

Et designsystem består av komponenter som brukes som byggeklosser for å sette sammen digitale tjenester og produkter.

Ved å ha et sett med gjenbrukbare byggeklosser som kan brukes på tvers av utviklere og designere, vil vi kunne jobbe mer effektivt. I tillegg vil det sikre at merkevaren til politiet kommer tydelig frem og at kravene til universell utforming oppfylles. 

Designressurser 

Siden designsystemet til politiet er under arbeid har vi enn så lenge kun en oversikt over komponentene våres i Figma. Er du ansatt i politiet og ønsker tilgang, ta kontakt med designsystem teamet.

Vi har en egen fil for visning av designsystemet for eksterne med passord: album-point-act-afar. Her finner du en oversikt over design tokens, komponenter og politiets illustrative ikoner.

Vi bruker system ikoner fra Material Design. De mest brukte ikonene har vi lagt i designsystemet i Figma, men man står fritt til å bruke og laste ned et ikon man har behov for som ikke ligger i designsystemet. Det er viktig å bruke de samme verdiene som resten av ikonene våres som er type outlined med en vekt på 400, grade 0 (normal) og optical size 24 eller 20 dp. 

Tekniske ressurser

CSS Rammeverk
Denne pakken inneholder design tokens (farger, fonter og liknende) fra designsystemet preparert i ulike formater. De finnes blant annet i CSS, SASS, JS, iOS (Swift) eller for Android. Denne pakken er nyttig ved flere anledninger; for eksempel om komponentene ikke strekker til eller om man migrerer fra ett eksisterende design.
Pakken finnes på npm: @politiet/sheriff-css-framework. Yttligere instruksjoner står i README filen. 

Komponentbibliotek
Denne pakken inneholder komponentene til det nye designsystemet. Komponentene er skrevet som Web Components slik at de kan brukes på tvers av frontendrammeverk.
Pakken finnes på npm: @politiet/sheriff-web-components. Yttligere instruksjoner står i README filen.