| Barva | Hex | CSS proměnná | Použití |
|---|
| Pozadí (primární) | #FFFFFF | --c-bg | Hlavní pozadí stránek |
| Pozadí (sekundární) | #DCD0CE | --c-bg-alt | Sekce na střídačku s bílou |
| Akcent | #A99780 | --c-accent | Tlačítka, CTA (orientačně, doladí grafička) |
| Doplňková | #D8D0B8 | --c-sand | Třetí tón, použití zatím neurčeno |
| Text | #000000 | --c-text | Veškerý text |
| Espresso | #423627 | (header) | Pozadí pills v headeru, 25 % krytí (není z logomanuálu) |
| Breakpoint | Šířka | Layout |
|---|
| Mobil | do 767 px | 1 sloupec, hamburger menu |
| Tablet | 768–1099 px | 2 sloupce, hamburger menu |
| Desktop | od 1100 px | plný layout, rozbalené menu |
Výpočet: velikosti se škálují plynule přes clamp(). H1 = clamp(44px, 9vw, 96px), H2 = 50 / 40 / 30 px, H3 = 36 / 32 / 24 px (desktop / tablet / mobil, přepíná se na breakpointech), Perex = clamp(17px, 2.5vw, 20px). Body (17px) a Malý text (14px) se nemění. Hodnoty u tabletu jsou spočítané pro šířku 768 px.