Webové komponentyFarby
Vždy používajte farebnú paletu ID-SK.
Obsah:
Farebný kontrast
Pomerová hodnota farebného kontrastu pre text a interaktívne prvky by mala byť aspoň 4,5:1 ako odporúča W3C. Na to, aby vaša služba spĺňala tento štandard, je potrebné vždy otestovať kontrast všetkých použitých prvkov.
Sass premenné
Odporúčame používať nasledovné Sass premenné pre prípad, že farby bude nutné v budúcnosti aktualizovať. Nájdete ich v súbore colours.scss.
Text
- #6F777B
- $secondary-text-colour
Textové odkazy
- #2B8CC4
- $link-hover-colour
- #4C2C92
- $link-visited-colour
Pozadie
- #F8F8F8
- $highlight-colour
Tlačidlá
- #006435
- $green (vznášacia farba)
Farby stavu
Označenie novej a textovacej verzie služby
Paleta odtieňov šedej
Rozšírená paleta
- Tieto farby používajte na grafy a doplnkový materiál.
- Ak potrebujete použiť menej sýte odtiene farby rozšírenej palety, znížte intenzitu farby na 50% alebo 25%.
Nočná modrá
Modrofialová
Purpurová
Tmavá ružová
Ružová
Karmínová červená
Červená
Oranžová
Hnedobéžová
Žltá
Listová zelená
Trávová zelená
Tyrkysová
Svetlomodrá
Modrá