Guida allo stile
Client-First è un insieme di linee guida e strategie create da Finsweet per aiutarla a costruire siti web Webflow.
Struttura Classi
Struttura centrale definita e flessibile che possiamo utilizzare su tutte o sulla maggior parte delle pagine.
Stili di intestazione
Classi di intestazione quando lo stile tipografico non corrisponde al tag HTML predefinito.
Il testo di esempio la aiuta a capire come può apparire il testo reale.
Il testo di esempio viene utilizzato come segnaposto. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale.
Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web. Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
Il testo di esempio viene utilizzato come segnaposto. Il testo di esempio aiuta a capire come potrebbe apparire il testo reale. Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
Il testo di esempio viene utilizzato come segnaposto. Il testo di esempio aiuta a capire come potrebbe apparire il testo reale. Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale.
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio aiuta a capire come può apparire il testo reale. Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come può apparire il testo reale.
Classi di testo
Classi di testo quando lo stile tipografico non corrisponde al tag HTML predefinito.
Dimensioni del testo
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
Il testo campione viene utilizzato come segnaposto per il testo reale che è normalmente presente sul suo sito web.
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web.
Il testo campione viene utilizzato come segnaposto per il testo reale che è normalmente presente sul suo sito web. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web.
Il testo campione viene utilizzato come segnaposto per il testo reale che è normalmente presente sul suo sito web. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web.
Stili di testo
stile testo-traverso
stile-testo-italico
stile-testo-muto
stile testo-allcaps
stile-testo-nowrap
stile testo-collegamento
Il testo di esempio viene utilizzato come segnaposto.
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web. Il testo di esempio è utilizzato come segnaposto per il testo reale stile-2 linee
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web. Il testo campione viene utilizzato come segnaposto per il testo reale. Il testo campione viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come può apparire il testo reale sul suo sito web. Il testo campione viene utilizzato come segnaposto per il testo reale.
Pesi del testo
Allineamenti del testo
Colori
Gestisce i colori ricorrenti del testo e dello sfondo.
Palette di colori
Colori del testo
Colori di sfondo
Larghezze massime
Utilizzi la proprietà CSS max-width per contenere il contenuto interno ad una larghezza massima.
Imbottiture
Sistema di spaziatura di utilità - classi di padding. [padding-direction] + [padding-size].
Classi di direzione
Classi di dimensioni
Margini
Sistema di spaziatura di utilità - classi di padding. [direzione del margine] + [dimensione del margine].
Classi di direzione
Classi di dimensioni
Icone
Unifica le dimensioni delle icone. icon-height imposta l'altezza delle icone. icon-1x1 imposta sia l'altezza che la larghezza delle icone.
Sistemi di utilità utili
Classi di utilità che ci piace utilizzare nella maggior parte dei nostri progetti per costruire più velocemente.
Elementi del flusso web
Elementi Webflow nativi con classi Client-First applicate.
Esempio di un componente modulo che utilizza le Cartelle
Rubrica 1
Rubrica 2
Rubrica 3
Rubrica 4
Rubrica 5
Rubrica 6
Il testo di esempio con un link viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web. Il testo campione viene utilizzato come segnaposto per il testo reale. Il testo campione viene utilizzato come segnaposto per il testo reale. Il testo campione viene utilizzato come segnaposto per il testo reale.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
- Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente. Il testo di esempio la aiuta a capire come potrebbe apparire il testo reale sul suo sito web. Il testo di esempio viene utilizzato come segnaposto per il testo reale che è normalmente presente.
