Seed

Seed (semínko) uchovává jen několik základních parametrů, které určují vzhled tématu. Z nich je možné generovat široké spektrum témat, což umožňuje rychlou přizpůsobitelnost bez potřeby složitých úprav. Tento přístup zajišťuje flexibilitu při práci na různých projektech a zároveň udržuje konzistenci napříč všemi variacemi témat.

Definice v JSON

{
    "brandPrimary": "blue",
    "brandSecondary": "orange",
    "statusSuccess": "green",
    "statusWarning": "amber",
    "statusError": "red",
    "statusInformation": "lightblue",
    "surfaceBrand": "primary",
    "surfaceIntensity": "2",
    "contrastLevel": "aa",
    "contrastAlgorithm": "wcag21"
}

Brand

brandPrimary

Určuje dominantní barvu aplikace, která se používá pro klíčové vizuální prvky, jako jsou tlačítka, odkazy, checkboxy a další interaktivní komponenty. Tato barva je základem vizuální identity aplikace a pomáhá vytvořit jednotný a snadno rozpoznatelný design, který podporuje značku a usnadňuje orientaci pro uživatele.

Hodnoty: pink fuchsia deeppurple navy blue lightblue aqua teal green lightgreen lime yellow amber orange deeporange red brown gray silver black

brandSecondary

Doplňuje primární barvu a je ideální pro použití v navigačním menu, záložkách a dalších podpůrných prvcích. Tato barva může aplikaci jednoduše zpestřit nebo navazovat na logo projektu, které může mít více barev. Projektu dodává vizuální rozmanitost a oživení.

Hodnoty: pink fuchsia deeppurple navy blue lightblue aqua teal green lightgreen lime yellow amber orange deeporange red brown gray silver black

Status

statusSuccess

Používá se pro označení úspěšných stavů, jako je potvrzení akcí nebo oznámení o dokončení. Barvy v této kategorii navozují pocit klidu a spolehlivosti.

Hodnoty: teal green lightgreen lime

statusWarning

Upozorňuje na potenciální problémy nebo varování. Barvy v této kategorii přitahují pozornost a signalizují opatrnost.

Hodnoty: yellow amber orange deeporange

statusError

Označuje chyby a kritické stavy. Tyto barvy jasně signalizují problémy, které vyžadují nápravu.

Hodnoty: yellow amber orange deeporange red

statusInformation

Slouží k zobrazení doplňujících informací nebo neutrálních oznámení.

Hodnoty: deeppurple navy blue lightblue aqua

Surfaces

surfaceBrand

Určuje, zda bude jako základní barva neutrálních povrchů použita primární nebo sekundární brand barva, podle toho, která lépe odpovídá preferovanému vzhledu.

Hodnoty: primary secondary

surfaceIntensity

Nastavuje úroveň sytosti neutrálních povrchů od žádné (0) po nejvýraznější (3), což umožňuje přizpůsobit celkový vizuální dojem aplikace.

Hodnoty: 0 1 2 3

Contrast

contrastLevel

Určuje požadovanou úroveň kontrastu mezi textem a pozadím. Hodnota aa odpovídá standardní úrovni doporučené specifikací WCAG 2.1, zatímco a představuje nižší úroveň kontrastu vhodnou pro projekty mimo veřejnost.

Hodnoty: aa, a

contrastAlgorithm

Určuje algoritmus pro výpočet kontrastu. wcag21 vychází ze specifikace WCAG 2.1, zatímco apca (Accessible Perceptual Contrast Algorithm) nabízí modernější přístup, který lépe odpovídá lidskému vnímání kontrastu.

Hodnoty: wcag21, apca