Webflow Styleguide Template
Ein Webflow Style-Template auf Deutsch
Schriftelemente
In diesem Styleguide-Dokument haben die Elemente keine voreingestellten Klassen. Auf dieser Seite nutzen wir z.B. die Einstellung "All H1 Headings", um alle H1-Überschriften global zu definieren. Um alle Elemente zu ändern, wähle auf der rechten Seite unter "Selector" einfach das pinkfarbende Element "All H1 Headings" oder "All Links". Wenn du einzelne oder sich wiederholende Elemente definieren willst, füge rechts unter "Selector" einfach deine eigene Bezeichnung ein (z.B. "Überschrift Header").
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Block Quote
Farben
Farben lassen sich global über sogenannte "Swatches" definieren. Wenn du eine globale Farbe änderst, ändert sie sich auf allen anderen Seiten auch. Definiere hier deine wichtigsten Farben und benenne sie unter "Typography" - "Color" oder unter "Backgrounds" - "Color" indem du auch die Farbe klickst und dann auf das Stift-Icon "Edit Swatch".
Textfarben
Hauptfarben
Neutralfarben
Hintergrundfarben
Komponenten
Verschiedene Komponenten lassen sich vorfertigen. Dazu gehören beispielsweise Kontaktformulare oder Tab-Elemente. Füge deine Komponenten hier hinzu und definiere Farben und Formen. Wenn du dann beispielsweise ein Kontaktformular einfügst, sieht es auf der fertigen Seite genau so aus, wie du es dir vorgestellt hast.
