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
- Kontrastforhold
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å.
Farverne i listerne nedenunder er angivet øverst med enten en HEX- eller RGBA-værdi og nederst med variabelnavnet anvendt i SASS-filerne.
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.
Gråtoner
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.
Besked-farver (alerts)
Succes
Advarsel
Fejl
Info
Link-farver
Fokusfarve
Baggrundsfarver
Positiv og negativ farver
Datavisualiseringsfarver
Du kan bruge datavisualiseringsfarver til grafer, diagrammer eller andre former for visuelle fremstillinger til kommunikative formål.
Violet data palette
Pink Violet data palette
Orange data palette
Gul Rød data palette
Blå data palette
Grøn Blå data palette
Grøn data palette
Kontrastforhold
Din tekst skal være læsbar for alle og efterleve gældende regler for kontrastforhold.