VER. 1.2 Obsahuje validátor webového sídla alebo formulára s IDSK štandardom.

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

  • #0B0C0C
  • $text-colour
  • #6F777B
  • $secondary-text-colour
  • #FFFFFF
  • $page-colour

Textové odkazy

  • #005EA5
  • $link-colour
  • #2B8CC4
  • $link-hover-colour
  • #4C2C92
  • $link-visited-colour

Pozadie

  • #BFC1C3
  • $border-colour
  • #DEE0E2
  • $panel-colour
  • #F8F8F8
  • $highlight-colour

Tlačidlá

  • #00823B
  • $button-colour
  • #006435
  • $green (vznášacia farba)

Aktívny stav

  • #FFBF47
  • $focus-colour

Farby stavu

  • #005EA5
  • $govuk-blue

Označenie novej a textovacej verzie služby

  • #B10E1E
  • $error-colour

Chybové oznamy

Paleta odtieňov šedej

  • #0B0C0C
  • $black
  • #6F777B
  • $grey-1
  • #BFC1C3
  • $grey-2
  • #DEE0E2
  • $grey-3
  • #F8F8F8
  • $grey-4

Rozšírená paleta

Nočná modrá

  • #2E358B
  • $purple

Modrofialová

  • #6F72AF
  • $mauve

Purpurová

  • #912B88
  • $fuschia

Tmavá ružová

  • #D53880
  • $pink

Ružová

  • #F499BE
  • $baby-pink

Karmínová červená

  • #B10E1E
  • $red

Červená

  • #DF3034
  • $mellow-red

Oranžová

  • #F47738
  • $orange

Hnedobéžová

  • #B58840
  • $brown

Žltá

  • #FFBF47
  • $yellow

Listová zelená

  • #006435
  • $green

Trávová zelená

  • #85994B
  • $grass-green

Tyrkysová

  • #28A197
  • $turquoise

Svetlomodrá

  • #2B8CC4
  • $light-blue

Modrá

  • #005EA5
  • $govuk-blue