Stil-Leitfaden
Client-First ist eine Reihe von Richtlinien und Strategien, die von Finsweet entwickelt wurden, um Sie bei der Erstellung von Webflow-Websites zu unterstützen.
Struktur-Klassen
Definierte und flexible Kernstruktur, die wir auf allen oder den meisten Seiten verwenden können.
Überschriftenstile
Überschriftenklassen, wenn der Typografiestil nicht mit dem Standard-HTML-Tag übereinstimmt.
Beispieltexte helfen Ihnen zu verstehen, wie echter Text aussehen kann.
Der Beispieltext wird als Platzhalter verwendet. Der Beispieltext hilft Ihnen zu verstehen, wie der echte Text aussehen könnte.
Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
Der Beispieltext wird als Platzhalter verwendet. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
Der Beispieltext wird als Platzhalter verwendet. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.
Der Beispieltext wird als Platzhalter für den echten Text verwendet, der normalerweise vorhanden ist. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.
Textklassen
Textklassen, wenn der Typografiestil nicht mit dem Standard-HTML-Tag übereinstimmt.
Textgrößen
Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist.
Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte.
Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte.
Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte.
Textstile
text-style-strikethrough
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Der Beispieltext wird als Platzhalter verwendet.
Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Der Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet - style-2lines
Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet.
Text Gewichte
Textausrichtungen
Farben
Verwalten Sie wiederkehrende Text- und Hintergrundfarben.
Farbpalette
Textfarben
Hintergrundfarben
Maximale Breiten
Verwenden Sie die CSS-Eigenschaft max-width, um innere Inhalte auf eine maximale Breite zu beschränken.
Auffüllungen
Hilfssystem für Abstände - Auffüllklassen. [padding-direction] + [padding-size].
Richtung Klassen
Größenklassen
Margen
Hilfssystem für Abstände - Auffüllungsklassen. [margin-direction] + [margin-size].
Richtung Klassen
Größenklassen
Icons
Vereinheitlicht die Größe der Icons. icon-height legt die Höhe der Icons fest. icon-1x1 legt sowohl Höhe als auch Breite der Icons fest.
Nützliche Versorgungssysteme
Utility-Klassen, die wir in den meisten unserer Projekte gerne verwenden, um schneller zu bauen.
Webflow-Elemente
Native Webflow-Elemente mit angewandten Client-First-Klassen.
Beispiel für eine Formularkomponente mit Ordnern
Rubrik 1
Rubrik 2
Rubrik 3
Rubrik 4
Rubrik 5
Rubrik 6
Der Beispieltext mit einem Link wird als Platzhalter für den echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet. Beispieltext wird als Platzhalter für echten Text verwendet. Beispieltext wird als Platzhalter für echten Text verwendet.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
- Der Beispieltext dient als Platzhalter für den echten Text, der normalerweise vorhanden ist.
Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen könnte. Der Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
