Stilguide
Client-First er et sett med retningslinjer og strategier utarbeidet av Finsweet for å hjelpe deg med å bygge Webflow-nettsteder.
Strukturklasser
Definert og fleksibel kjernestruktur som vi kan bruke på alle eller de fleste sidene.
Overskriftstiler
Overskriftsklasser når typografistilen ikke samsvarer med standard HTML-tag.
Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut.
Eksempelteksten brukes som en plassholder. Eksempelteksten hjelper deg å forstå hvordan ekte tekst kan se ut.
Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
Eksempelteksten brukes som en plassholder. Eksempeltekst hjelper deg å forstå hvordan ekte tekst kan se ut. Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
Eksempelteksten brukes som en plassholder. Eksempeltekst hjelper deg å forstå hvordan ekte tekst kan se ut. Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempelteksten hjelper deg å forstå hvordan ekte tekst kan se ut.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempelteksten hjelper deg å forstå hvordan ekte tekst kan se ut. Eksempeltekst brukes som en plassholder for ekte tekst som normalt finnes. Eksempelteksten hjelper deg å forstå hvordan ekte tekst kan se ut.
Tekstklasser
Tekstklasser når typografistilen ikke samsvarer med standard HTML-tag.
Tekststørrelser
Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
Eksempelteksten brukes som en plassholder for ekte tekst som normalt finnes på nettstedet ditt.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempelteksten hjelper deg å forstå hvordan ekte tekst kan se ut på nettstedet ditt.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt finnes på nettstedet ditt. Eksempeltekst hjelper deg å forstå hvordan ekte tekst kan se ut på nettstedet ditt.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt finnes på nettstedet ditt. Eksempeltekst hjelper deg å forstå hvordan ekte tekst kan se ut på nettstedet ditt.
Tekststiler
text-strikethrough-stil
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Eksempelteksten brukes som en plassholder.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempeltekst hjelper deg å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempelteksten brukes som en plassholder for ekte tekst-style-2lines
Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempeltekst brukes som en plassholder for ekte tekst. Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempeltekst brukes som en plassholder for ekte tekst.
Vekting av tekst
Tekstjusteringer
Farger
Administrer tilbakevendende tekst- og bakgrunnsfarger.
Fargepalett
Tekstfarger
Bakgrunnsfarger
Maks bredder
Bruk CSS-egenskapen max-width for å begrense det indre innholdet til en maksimal bredde.
Utfyllinger
Utility avstandssystem - utfyllingsklasser. [padding-retning] + [padding-størrelse].
Retningsklasser
Størrelsesklasser
Marginene
Utility avstandssystem - utfyllingsklasser. [margin-retning] + [margin-størrelse].
Retningsklasser
Størrelsesklasser
Ikoner
Forenkle ikonstørrelser. icon-height angir høyden på ikonene. icon-1x1 angir både høyde og bredde på ikonene.
Nyttige hjelpesystemer
Utility-klasser bruker vi gjerne i de fleste av prosjektene våre for å bygge raskere.
Webflyt-elementer
Native Webflow-elementer med Client-First-klasser brukt.
Eksempel på en skjemakomponent som bruker mapper
Overskrift 1
Overskrift 2
Rubrikken 3
Rubrikken 4
Overskrift 5
Rubrikken 6
Eksempeltekst med en lenke brukes som en plassholder for ekte tekst som normalt er til stede. Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempeltekst brukes som en plassholder for ekte tekst. Eksempeltekst brukes som en plassholder for ekte tekst. Eksempeltekst brukes som en plassholder for ekte tekst.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
- Eksempelteksten brukes som en plassholder for ekte tekst som normalt er til stede.
Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede. Eksempeltekst hjelper deg med å forstå hvordan ekte tekst kan se ut på nettstedet ditt. Eksempeltekst brukes som en plassholder for ekte tekst som normalt er til stede.
