digdir
Test primary, secondary og accent color concepts
In color systems it is common to have 2 bright colors, often called primary and secondary that compliment eachother in the UI. I want to test if our "accent" color is enough after getting feedback from UDIR and Mattilsynet,
Lenke til Figma her.
Bytte frå primary og Secondary til Dominant og Complimentary
For å unngå forvirring mellom primær- og sekundærhandlingar i komponentene våre, så kan det sikkert vere lurt å finne andre navn på fargene våre som bevarer betydningen, men skapar klarere skille.
Fargelegging av komponentar
Me tilbyr brukaren fargane Dominant, Complimentary, Accent, Neutral og x antall Støttefargar. Når ein ser på andre offentlige nettsider og profilar, så er det veldig ulikt kva fargar som treng å vere tilgjengelig på dei forskjellige komponentane. Ei nettside vil kanskje kun ha ein Dominant og Neutral knapp, mens ei anna vil ha ein Dominant og Accent knapp. Me kan ikkje tilby alle fargane på alle komponentane, men det hadde vore fint om brukaren enkelt kunne ha koble på ein farge ved behov.
Forslag:
- Designsystemet tilbyr visse fargar per komponent (ulike fargar per komponent) som følger våre anbefalte mønster og retninslinjer.
- Designsystemet tilbyr ein enkel måte og utvide ein komponent til å ta i bruk alle fargane. (Data attributt i kode og bytting av tema i figma (?))
Eksempel-scenario med Button: Me finner ut av Button trenger Dominant, Accent og Neutral som standard fordi dette er mykje brukt. Då tilbyr me desse fargane som standard som brukaren kan bytte mellom med Color proppen. Ønskjer brukaren Støttefarge 2 på knappen sin så kan denne enkelt legges til og komponenten forstår korleis den nye fargen skal integreres i komponenten.
Eksempel-scenario med Checkbox: Me finner ut av Checkbox trenger Neutral og Accent som standard.
Eksempel-scenario med Card: Me finner ut av Card trenger Blank og Subtle.
Bruk av blå som primærfarge for Digdir og Tilsynet
I det eksisterande fargesystemet så har me satt blå som Accent farge for Digdir og Tilsynet. Dette passer egentlig ikkje med profilene deira. Dette blir enda tydligare når me begynner med begrep som Dominant og Complimentary. Eg tok blåsvart og blå frå profilen til Digdir som eg satt til Dominant og Complimentary. Dette syns eg fungerer mykje bedre. Den gule og røde fargen frå profilen har me hatt mykje utfordringar med, så desse tenker eg kan fungere som støttefargar.
Eksempel på farger for Digdir:
Standardfarger i temabyggeren:
I dag bruker me Digdir fargane i temabyggeren som standard. No når me skal i gang med å gjere litt justeringar på fargane, skulle me også laga eit standardtema som ikkje er direkte kobla opp mot Digdir?
Eksempel på tema med blåfarger og oransje som accent farge:
We decided to have main and support colors, and make it flexible for the user to add as many support colors as they need.
