Aa
Open Sans
Definiere Stile für jedes Typelement. Verwende keine H1, H2 usw. für den Stil. Die Überschriften definieren die Struktur/Auszeichnung, nicht den Stil.
Zusätzlich zu diesen Klassen können wir Combo-Klassen hinzufügen, um bestimmte Stile zu aktualisieren: Abstände und Ränder, Größe (Breite, Höhe, etc.) und/oder Position (absolut, float, fixed, etc.)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sem vitae viverra iaculis. Donec pretium a justo eget eleifend. Praesent eu nunc id diam vehicula accumsan a eu justo. Sed ut dolor in nisl finibus accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sem vitae viverra iaculis. Donec pretium a justo eget eleifend. Praesent eu nunc id diam vehicula accumsan a eu justo. Sed ut dolor in nisl finibus accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sem vitae viverra iaculis. Donec pretium a justo eget eleifend. Praesent eu nunc id diam vehicula accumsan a eu justo. Sed ut dolor in nisl finibus accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sem vitae viverra iaculis. Donec pretium a justo eget eleifend. Praesent eu nunc id diam vehicula accumsan a eu justo. Sed ut dolor in nisl finibus accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra sem vitae viverra iaculis. Donec pretium a justo eget eleifend. Praesent eu nunc id diam vehicula accumsan a eu justo. Sed ut dolor in nisl finibus accumsan.
Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Mit einem Doppelklick können Sie einfach Inhalte erstellen.
Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Mit einem Doppelklick können Sie einfach Inhalte erstellen.
Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Mit einem Doppelklick können Sie einfach Inhalte erstellen.
Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Mit einem Doppelklick können Sie einfach Inhalte erstellen.
Du könntest einen Div-Wrapper mit der Klasse c-button-wrapper hinzufügen, du kannst Combo-Klassen hinzufügen, um Variablen hinzuzufügen (z.B. die Position zu ändern).Wenn du eine Schaltfläche mit einem einzigartigen Stil hast, erstelle bitte eine neue Klasse.
Lege deinen Farbmustern immer die Farbpalette bei.
Neutral
Weiß
Hellgrau
Dunkelgrau
Graustufen/Lichtmodus
Lichtmodus/Text
Lichtmodus/Schatten
Lightmode/Light Text & Icons
Lichtmodus/Rahmen
Lichtmodus/Hintergrund
lightmode/Light Gray
Graustufen/Dunkelmodus
darkmode/Text
Darkmode/Schatten
Darkmode/Light Text & Icons
darkmode/Grenzen
darkmode/Hintergrund
Darkmode/Layout + Elemente
Primärfarben/Violett
lila/dunkel
lila/main
lila/hell
lila/20%
lila/Ton 10%
lila/10%
lila/5%
Neu Lila
Lila 900
Lila 700
Lila 500
Lila 300
Lila 100
Lila 50
Sekundärfarben/gelb
gelb/dunkel
gelb/main
gelb/hell
gelb/20%
gelb/Tönung 10%
Neu Gelb
Gelb 900
Gelb 700
Gelb 500
Gelb 300
Gelb 100
Gelb 50
Sekundärfarben/Blau
blau/dunkel
Blau/Haupt
blau/hell
blau/Tönung 20%
blau/Tönung 10%
blau/20%
blau/10%
NEU Blau
Blau 900
Blau 700
Blau 500
Blau 300
Blau 100
Blau 50
Sekundärfarben/grün
grün/dunkel
Grün/Haupt
grün/hell
grün/Tönung 10%
grün/20%
grün/10%
NEU Grün
Grün 900
Grün 700
Grün 500
Grün 300
Grün 100
Grün 50
Sekundäre Farben/Magenta
magenta/dunkel
magenta/main
magenta/hell
magenta/Tint 10%
magenta/20%
NEU Rosa
Rosa 900
Rosa 700
Rosa 500
Rosa 300
Rosa 100
Rosa 50
Elemente durch Hinzufügen dieser Kombinationsklassen anpassen
Text
Farbverläufe
cc-gradient_newGradient
cc-gradient_newGradient-transition
cc-gradient_maledives
cc-gradient_dark-maledives
cc-gradient_darkmode
Containers in our templates are predefined using the class c-container
1. It should be a <div>.
2. Do not use Webflow Container Element
3. Do not change the style of the containers: All further styling should be added as children element
4. Don’t add combo classes to containers
Jeder Text muss einen Wrapper c-text-wrapper oder c-title-wrapper haben. Zusätzlich zu diesen Klassen können wir Combo-Klassen hinzufügen, um bestimmte Stile zu aktualisieren:
1. Abstände und Ränder
2. Größe (Breite, Höhe, etc.)
3. Position (absolut, float, fixed, etc.)
Refokus Styleguide für Webflow
Copyright © 2021 Refokus GmbH
Es ist strengstens untersagt, dieses Projekt zu vervielfältigen, zu bearbeiten, zu remixen, weiterzuverteilen, weiterzuverkaufen oder in irgendeiner Weise zu verändern.
DIE SOFTWARE WIRD OHNE MÄNGELGEWÄHR UND OHNE JEGLICHE AUSDRÜCKLICHE ODER STILLSCHWEIGENDE GARANTIE ZUR VERFÜGUNG GESTELLT, EINSCHLIESSLICH, ABER NICHT BESCHRÄNKT AUF DIE GARANTIE DER MARKTGÄNGIGKEIT, DER EIGNUNG FÜR EINEN BESTIMMTEN ZWECK UND DER NICHTVERLETZUNG VON RECHTEN. IN KEINEM FALL HAFTEN DIE AUTOREN ODER URHEBERRECHTSINHABER FÜR JEGLICHE ANSPRÜCHE, SCHÄDEN ODER ANDERE HAFTUNGEN, DIE SICH AUS DER SOFTWARE ODER DER NUTZUNG DER SOFTWARE ODER DEM SONSTIGEN UMGANG MIT DER SOFTWARE ERGEBEN, SEI ES DURCH VERTRAG, UNERLAUBTE HANDLUNGEN ODER ANDERWEITIG.
