1. Styly

Barvy

Styly barev definují, jak se v návrhu používají barvy.

Primární barvy

Primary Light
#337DBD
Primary
 
#2362A2
Primary Dark
 
#254E80

Použití primárních barev barev

Název barvy Použití
Primary Light Zejména pro sekundární navigaci a některé další komponenty, které nesou podružnou navigační roli.
Primary Pro dominantní použití na stránce. Je zastoupená v roli hlavní podkladové barvy a to zejména v hlavičce, ale i pro elementy navigace nebo rozcestníků. Také se používá jako barva pro vyznačení některých aktivních elementů jako jsou například odkazy.
Primary Dark Pro zvýraznění hover stavů některých aktivních elementů umístěných na podkladu v barvě Primary nebo Primary Light.

Sekundární barvy

Secondary
 
#ECAE1A
Secondary Dark
#DD9F0C

Použití sekundárních barev

Název barvy Použití
Secondary Především u tlačítek.
Secondary Dark Pro zvýraznění hover stavů některých aktivních elementů umístěných na podkladu v barvě Secondary.

Barvy pozadí

Background Light
#FFFFFF
Background
 
#F5F5F5
Background Dark
#3B3B3B

Použití barev pozadí

Název barvy Použití
Background Light Jako podkladová barva pro aktivní elementy nebo komponenty.
Background Jako obecná barva pozadí stránky.
Background Dark Jako alternativní barva podkladu zastoupená zejména v patičce.

Barvy textu

On Primary
 
#FFFFFF
On Secondary
#3B3B3B

Použití barev pozadí

Název barvy Použití
On Primary Jako barva elementů použitých na Primary barvě.
On Secondary Jako obecná barva textů vč. textace tlačítek.

Barvy pro doplňující informace

Error
#E04857
Success
#6FBD2C
Název barvy Použití
Error Jako barva pro chybové hlášky
Success Jako barva pro potvrzovací hlášky