Vzhled webu a design tokeny.

Vzhled → Vzhled webu mění celý web najednou. Vpravo je živý náhled úvodní stránky (počítač nebo telefon); nic se neuloží, dokud nestisknete Uložit vzhled.

Tři pojmy, všude ve stejném smyslu: startovací web je ukázkový obsah se stylem (vybíráte ho při instalaci), styl je hotová sada barev, písem, velikostí a zaoblení a šablona je jen stará vlastní PHP šablona, kterou ještě mají některé weby.

Záložky

• Styl – styl vyberete jedním klepnutím a v dalších záložkách ho doladíte. Styl, který váš web používá, je označený jako aktuální.
• Barvy – hlavní, doplňková, text, pozadí a plocha. Odstíny se dopočítají automaticky. Blok Čitelnost kontroluje kontrast podle WCAG – každou červeně označenou dvojici změňte.
• Tmavý režim – vypnutý, podle zařízení návštěvníka, nebo vždy tmavý, s vlastními barvami a volitelným přepínačem pro návštěvníky.
• Písmo a velikosti – písmo nadpisů a textu (i vlastní soubory WOFF2 uložené na vašem serveru), základní písmo na telefonech a monitorech, poměr nadpisů, šířka obsahu a typografické styly (Hlavní titulek, Nadpis sekce, Perex…), které v builderu vybíráte u prvků.
• Tvary – zaoblení tlačítek, karet, obrázků a polí formulářů.
• Logo a ikona.
• Import a export – stažení a načtení vzhledu jako W3C Design Tokens (DTCG) pro Figmu nebo Tokens Studio.

Vzhled podle vaší značky

Nemusíte ho skládat ručně: napojte Clauda a popište mu svou značku – barvy, písma, jak moc zaoblené. Claude to uloží do design systému a výsledek uvidíte v náhledu.