Sidjämförelse

1177177:s färgpalett består av en röd primärfärg, sekundärfärgerna mörkröd och ljusrosa samt ett antal komplementfärger.

...

...

Variabler

...

Variabler används i våra designsystem i Figma för att skapa färgsystem. En variabel har ett namn som inte är färgspecifikt (t ex Primary/40) och som motsvarar en hexkod (t ex #C12143).

...

Genom att skapa färgsystem med generella namn blir designsystemet enklare att hantera, förvalta och förändra.

Varje färgvariabel har också en tillhörande variabel som heter “on”. Denna används för att bestämma färg på exempelvis text eller ikon som placeras på den, i fallet den används som bakgrund. Primary/40 har alltså en kompletterande Primary/on-40-variabel.

Färg	Variabel	Värde	Utgående namn
Image Added	Primary/30	#6A0032	secondary-dark
Image Added	Primary/40	#C12143	main
Image Added	Primary/90	#FAEEF0	secondary-light
Image Added	Secondary/40	#396291	sky-base / cta
Image Added	Secondary/90	#C6D2DF	sky-line
Image Added	Secondary/95	#F1F1F5	sky-background
Image Added	Accent/30	#3B4266	sky-dark
Image Added	Accent/40	#396291	sky-base / cta
Image Added	Accent/90	#C6D2DF	sky-background
Image Added	Neutral/20	#353535	stone-dark
Image Added	Neutral/40	#636466	stone-base
Image Added	Neutral/50	#808285	stone-clear
Image Added	Neutral/90	#DADBDC	stone-line
Image Added	Neutral/99	#F1F2F2	stone-background
Image Added	Neutral/100	#FFFFFF	white
Image Added	Success/30	#395428	grass-dark
Image Added	Success/40	#419002	grass-base
Image Added	Success/99	#EEF8EE	grass-background
Image Added	Attention/40	#FFC100	sun-clear
Image Added	Attention/95	#FFF8E0	sun-background
Image Added	Error/40	#C12143	main
Image Added	Error/99	#FAEEF0	secondary-light
Image Added	Background/40	#FFFFFF	white

Designspecifikation

...

1177:s färgpalett består av en röd primärfärg (main), sekundärfärgerna mörkröd (secondary-dark) och ljusrosa (secondary-light) och ett antal komplementfärger där blå (sky-base, sky-dark samt sky-background) är det vi främst använder.

...

På webben använder vi alltså i huvudsak röd och blå färgskala.

När ska jag använda röd eller blå färg?

...