Webové komponenty

Farby

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ť.

Ukážka

• red
• #D0190F

• dark-red
• #9E1912

• yellow
• #FFDF0F

• green
• #00703C

• dark-green
• #204E2E

• blue
• #0065B3

• dark-blue
• #003078

• light-blue
• #2B8CC4

• purple
• #4C2C92

• black
• #0B0C0C

• dark-grey
• #626A6E

• mid-grey
• #BFC1C3

• light-grey
• #DEE0E2

• lighter-grey
• #F3F2F1

• white
• #FFFFFF

• light-purple
• #6F72AF

• bright-purple
• #912B88

• pink
• #D53880

• light-pink
• #F499BE

• orange
• #F47738

• brown
• #B58840

• light-green
• #85994B

• turquoise
• #28A197

• grey-1
• #626A6E

• grey-2
• #BFC1C3

• grey-3
• #DEE0E2

• grey-4
• #F3F2F1

• grey-5
• #949494