Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Farver
- Portalfarver (tema)
- Gråtoner
- Besked-farver (alerts)
- Link-farver
- Fokusfarve
- Baggrundsfarver
- Positiv og negativ farver
- Datavisualiseringsfarver
Da designsystemet er fælles for både borger.dk og Virk er der farver til hver portal og samtidig en generel palette, der anvendes uanset, hvilken portal din selvbetjeningsløsning skal på.
Portalfarver (tema)
Din selvbetjeningsløsning skal, alt efter hvilken portal løsningen skal på, gøre brug af den givne portals primærfarve. Dette gøres nemt ved hjælp af temahåndtering i koden.
Primærfarver for borger.dk
Du kan bruge borger.dk primærfarven på få centrale elementer, såsom på primærknappen og i menuer i designsystemet for at skabe sammenhæng til borger.dk
Primærfarver for Virk
Du kan bruge Virk primærfarven på få centrale elementer, såsom på primærknappen og i menuer i designsystemet for at skabe sammenhæng til Virk.
Designsystemets generelle palette består mest af gråtoner og nogle få dedikerede farver til kommunikation og feedback. Paletten understøtter de visuelle principper om et neutralt, simpelt og fleksibelt designsystem.
Gråtoner
Besked-farver (alerts)
Succes
Advarsel
Fejl
Info
Link-farver
Fokusfarve
Baggrundsfarver
Din tekst skal være læsbar for alle og efterleve gældende regler for kontrastforhold
- Læs om kontrastforhold for tekst i WCAG 2.1
- Tjek din teksts kontrast (WebAIM)
- Tjek dit links kontrast (WebAIM)
Positiv og negativ farver
Datavisualiseringsfarver
Du kan bruge datavisualiseringsfarver til grafer, diagrammer eller andre former for visuelle fremstillinger til kommunikative formål.