Stilguide
Client-First är en uppsättning riktlinjer och strategier skapade av Finsweet för att hjälpa dig bygga Webflow-webbplatser.
Struktur-klasser
Definierad och flexibel kärnstruktur som vi kan använda på alla eller de flesta sidor.
Rubrikformatmallar
Rubrikklasser när typografiformatet inte matchar HTML-standardtaggen.
Exempeltext hjälper dig att förstå hur riktig text kan se ut.
Exempeltext används som platshållare. Exempeltext hjälper dig att förstå hur riktig text kan se ut.
Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för verklig text som normalt finns.
Exempeltext används som platshållare. Exempeltext hjälper dig att förstå hur riktig text kan se ut. Exempeltext används som platshållare för verklig text som normalt finns.
Exempeltext används som platshållare. Exempeltext hjälper dig att förstå hur riktig text kan se ut. Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut.
Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut. Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut.
Text Klasser
Textklasser när typografiformatet inte matchar HTML-standardtaggen.
Textstorlekar
Exempeltext används som platshållare för verklig text som normalt finns.
Exempeltext används som platshållare för verklig text som normalt finns på din webbplats.
Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats.
Exempeltext används som platshållare för verklig text som normalt finns på din webbplats. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats.
Exempeltext används som platshållare för verklig text som normalt finns på din webbplats. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats.
Textstilar
text-stil- genomstruken
text-stil-kursiv
text-stil- avstängd
text- stil- versaler
text- stil- nowrap
text-stil-länk
Exempeltext används som platshållare.
Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för riktig text text-style-2lines
Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för verklig text. Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för verklig text.
Textvikter
Textjusteringar
Färger
Hantera återkommande text- och bakgrundsfärger.
Färgpalett
Textfärger
Bakgrundsfärger
Max bredder
Använd CSS-egenskapen max-width för att innehålla inre innehåll till en maximal bredd.
Utfyllnad
Avståndssystem för verktyg - utfyllnadsklasser. [utfyllnadsriktning] + [utfyllnadsstorlek].
Riktningsklasser
Storleksklasser
Marginaler
Avståndssystem för verktyg - utfyllnadsklasser. [marginal-riktning] + [marginal-storlek].
Riktningsklasser
Storleksklasser
Ikoner
Förena ikonstorlekar. icon-height ställer in höjden på ikoner. icon-1x1 ställer in både höjd och bredd på ikoner.
Användbara försörjningssystem
Bruksklasser som vi gärna använder i de flesta av våra projekt för att bygga snabbare.
Webflow-element
Inbyggda webbflödeselement med Client-First-klasser tillämpade.
Exempel på en formulärkomponent som använder mappar
Rubrik 1
Rubrik 2
Rubrik 3
Rubrik 4
Rubrik 5
Rubrik 6
Exempeltext med en länk används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för verklig text. Exempeltext används som platshållare för verklig text. Exempeltext används som platshållare för verklig text.
- Exempeltext används som platshållare för verklig text som normalt finns.
- Exempeltext används som platshållare för verklig text som normalt finns.
- Exempeltext används som platshållare för verklig text som normalt finns.
- Exempeltext används som platshållare för verklig text som normalt finns.
- Exempeltext används som platshållare för verklig text som normalt finns.
- Exempeltext används som platshållare för verklig text som normalt finns.
Exempeltext används som platshållare för verklig text som normalt finns. Exempeltext hjälper dig att förstå hur riktig text kan se ut på din webbplats. Exempeltext används som platshållare för verklig text som normalt finns.
