Färger
Huvudfärger
Riksidrottsförbundets huvudfärger är blått, gult och svart.
| Mörkblå #1e3479 |
| Gul #ffed35 |
| Svart #000000 |
Nyanser av huvudfärgerna
|
120%
|
Huvudfärg
|
80% |
60% |
40% |
30% |
20% |
| #0f1a3d |
Mörkblå #1e3479 |
#4b5d94 |
#7885af |
#a5aec9 |
#d2d6e4 |
#f2f3f7 |
| Huvudfärg |
80% |
60% |
40% |
30% |
20% |
5% |
| Gul #ffed35 |
#fff15d |
#fff485 |
#fff8ae |
#fff9c2 |
#fffbd7 |
#fffef5 |
| Huvudfärg |
80% |
60% |
50% |
40% |
20% |
10% |
5% |
3% |
| Svart #000 |
#333 |
#575756 |
#808080 |
#b2b2b2 |
#d4d4d4 |
#e4e4e4 |
#f6f6f6 |
#fbfbfb |
Komplementfärger
Som komplement finns en palett av färger som fungerar harmoniskt tillsammans. Nyanser av färgerna kan också användas.
| Komplementfärg |
80% |
60% |
40% |
30% |
20% |
10% |
| Ljusblå #00a7e0 |
#33b9e6 |
#66caec |
#99dcf3 |
#b2e4f5 |
#ccedf9 |
#e5f6fb |
| Mellanblå #006bb1 |
#3389C1 |
#66a6d0 |
#99c4e0 |
#b2d2e7 |
#cce1ef |
#e5f0f7 |
| Ljusröd #e4352d |
#e95d57 |
#ef8681 |
#f4aeab |
#f6c2c0 |
#fad7d5 |
#fceaea |
| Mörkröd #be1219 |
#cb4147 |
#d87175 |
#e5a0a3 |
#ebb7ba |
#f2d0d1 |
#f8e7e8 |
| Ljusgrön #1eafa0 |
#4bbfb3 |
#78cfc6 |
#a5dfd9 |
#bbe7e2 |
#d2efec |
#e8f7f5 |
| Mörkgrön #007b5e |
#33957e |
#66b09e |
#99cabf |
#b2d7ce |
#cce5df |
#e5f1ee |
| Ljusgrå #b2b2b2 |
#c1c1c1 |
#d1d1d1 |
#e0e0e0 |
#e7e7e7 |
#f0f0f0 |
#f7f7f7 |
| Mörkgrå #575756 |
#797978 |
#9a9a9a |
#bcbcbb |
#cccccc |
#dddddd |
#eeeeee |
Bakgrunder
Bakgrunder för olika typer av meddelanden som presenteras på sidor och i formulär. Dessa är nyanser av komplementfärgerna.
Bekräftelse – grön
Observera – gul
Varning – röd
Statusar
Bakgrundsfärger som används för olika statusar i Idrottsarenan. Dessa presenteras ofta som "pills" eller små etiketter med rundade hörn. Här finns en poäng med att de skiljer sig från bakgrunderna för meddelanden, då bägge ska kunna vara synliga på samma sida men inte nödvändigtvis antas ha en relation till varandra.
| Färg |
Används för (typ av statusar och "pills") |
| Blå #deedff |
Blått används för neutrala statusar (som inte behöver ageras på i närtid) |
| Grön #dcfce7 |
Grönt används när man som slutanvändare har blivit klar med en uppgift som sedan ska omhändertas av en annan part. Eller när något har blivit godkänt. |
| Gul #fef3c7 |
Gult används när man som slutanvändare har något att agera på. |
| Röd #fcddd0 |
Rött används när man behöver agera på något i närtid. |
| "Svart" #d4d4d4 |
Grå bakgrund används när något är färdigt, som i status "avslutat ärende". |
| Outline |
VIt bakgrund med svart ram används för utkast. |
Roller / behörigheter
Färger som används vid visning av olika roller och behörigheter. Dessa kan också komma att användas i olika sammanhang där "märkningar" med olika kategorier/ämnen behövs. Dessa speglar status-färgerna med några tillägg vid behov. Vi undviker också den typ av färger som ofta kan förknippas direkt med lagfärger tillhörande vissa lag.
| Färg |
Används för (exempel) |
| Alternativ 1 #dcfce7 |
kategori: Nyckelroll |
| Alternativ 2 #deedff |
kategori: Förening |
| Alternativ 3 #fef3c7 |
kategori: sektion 1 |
| Alternativ 4 #ffdef2 |
kategori: sektion 2 |
| Alternativ 5 #beefea |
kategori: sektion 3 |
| Alternativ 6 #b0deff |
kategori: sektion 4 |
| Alternativ 7 #fcddd0 |
kategori: sektion 5 |
