Průvodce stylem
Client-First je soubor pokynů a strategií vytvořených společností Finsweet, které vám pomohou vytvářet webové stránky Webflow.
Třídy struktury
Definovaná a flexibilní základní struktura, kterou můžeme použít na všech nebo většině stránek.
Styly nadpisů
Třídy nadpisů, pokud typografický styl neodpovídá výchozí značce HTML.
Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.
Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.
Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text na vašich webových stránkách. Ukázkový text slouží jako náhrada za skutečný text, který se běžně vyskytuje.
Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text slouží jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.
Třídy textu
Třídy textu, pokud typografický styl neodpovídá výchozí značce HTML.
Velikosti textu
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
Ukázkový text slouží jako náhrada skutečného textu, který se běžně vyskytuje na vašich webových stránkách.
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat.
Ukázkový text slouží jako náhrada skutečného textu, který se běžně vyskytuje na vašich webových stránkách. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat.
Ukázkový text slouží jako náhrada skutečného textu, který se běžně vyskytuje na vašich webových stránkách. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat.
Styly textu
text-style-strikethrough
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Ukázkový text slouží jako zástupný.
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat. Ukázkový text se používá jako zástupný symbol pro skutečný text - styl 2 řádky.
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat. Ukázkový text se používá jako zástupný symbol pro skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text na vašich webových stránkách. Ukázkový text se používá jako zástupný symbol pro skutečný text.
Váhy textu
Zarovnání textu
Barvy
Správa opakujících se textů a barev pozadí.
Paleta barev
Barvy textu
Barvy pozadí
Maximální šířky
Pomocí vlastnosti max-width CSS můžete vnitřní obsah omezit na maximální šířku.
Výplně
Systém odstupů pro užitkové předměty - třídy výplně. [padding-direction] + [padding-size].
Třídy směru
Velikostní třídy
Marže
Systém odstupů pro užitkové předměty - třídy výplně. [margin-direction] + [margin-size].
Třídy směru
Velikostní třídy
Ikony
Sjednotit velikosti ikon. icon-height nastavuje výšku ikon. icon-1x1 nastavuje výšku i šířku ikon.
Užitečné užitkové systémy
Užitkové třídy, které s oblibou používáme ve většině našich projektů, abychom mohli rychleji sestavovat.
Prvky Webflow
Nativní prvky Webflow s použitými třídami Client-First.
Příklad komponenty formuláře používající složky
Položka 1
Hlava 2
Hlava 3
Hlava 4
Hlava 5
Hlava 6
Ukázkový text s odkazem se používá jako zástupný symbol pro skutečný text, který je normálně přítomen. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat. Ukázkový text se používá jako zástupný symbol pro skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
- Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může skutečný text na vašich webových stránkách vypadat. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.
