Farvebrug i UI
Vores retningslinjer for farvebrug i UI på Dinero.dk hjælper os med at skabe overskuelige, strukturerede og konsekvente brugerflader. De sikrer, at siden føles let at finde rundt i og behagelig at bruge.
UI-palette
Vores UI-palette består af et udvalg af farver med hver sin funktionelle rolle. De primære og sekundære nuancer skaber retning, fokus og visuel rytme, mens de neutrale nuancer fungerer understøttende og skaber ro og balance.
Overordnet udtryk
Vores UI-palette er bevidst afgrænset for at sikre et overordnet let og overskueligt udtryk.
På større flader bruger vi generelt lyse trin som Neutral White, Neutral 100 og Primary 100 for at give visuel ro omkring vores indhold.
Primær brandfarve
Primary 500 er som vores primære brandfarve altid tydeligt til stede – dog mest markant som selve indholdet indsat i brugerfladen, fx illustrationer, ikoner og infografik.
I selve vores UI bruger vi den typisk til mindre sektioner og interaktive komponenter, der skal træde ekstra tydeligt frem. I enkelte tilfælde kan den også bruges til baggrundsflader på større sektioner, der skal fremhæves.
Sekundær brandfarve
Vores sekundære brandfarve Secondary 100 anvendes kun sparsomt og i en understøttende rolle.
Vi bruger den til mindre flader og elementer, når vores blå palette er tydeligt tilstede i det overordnede udtryk.
Primary 900
Primary 900 kan anvendes selektivt som baggrundsfarve på enkelte sektioner for at skabe kontrast og hierarki.
Call to actions
Secondary 400 er udelukkende reserveret til “Opret gratis konto”-call-to-actions, hvilket sikrer en entydig kobling mellem farve og handling på tværs af brugeroplevelsen.
Eksempler på forkert brug
