Webflow-Style-Leitfaden
Commerce X ist unser ultimatives Multi-Layout Ecommerce Webflow Template, das entwickelt wurde, um Online-Shop-Besitzern zu helfen, ein elegantes und hochwertiges Design zu haben. Es wurde von den erstaunlichen Webflow-Designern und Webflow-Entwicklern der Agentur BRIX erstellt.
Farben
Neutrale Farben
800
Neutral 800
#0E0E0E
700
Neutral 700
#393939
600
Neutral 600
#5B5B5B
500
Neutral 500
#898989
400
Neutral 400
#BBBBBBBB
300
Neutral 300
#F0F0F0
200
Neutral 200
#F8F8F8
100
Neutral 100
#FFFFFF
System-Farben
400
Blau 400
#086CD9
300
Blau 300
#1D88FE
200
Blau 200
#8FC3FF
100
Blau 100
#EAF4FF
400
Grün 400
#11845B
300
Grün 300
#05C168
200
Grün 200
#7FDCA4
100
Grün 100
#DEF2E6
400
Rot 400
#DC2B2B
300
Rot 300
#FF5A65
200
Rot 200
#FFBEC2
100
Rot 100
#FFEFF0
400
Orange 400
#D5691B
300
Orange 300
#FF9E2C
200
Orange 200
#FFD19B
100
Orange 100
#FFF3E4
Typografie
Besondere Rubriken
Anzeige 1
Ungeschnitten Sans Regular
68px / 1.132em
Donec etdolr odio pelle ntesqu.
Anzeige 2
Ungeschnitten Sans Regular
52px / 1.231em
Donec et odio lom pellen tesqu diam.
Anzeige 3
Ungeschnitten Sans Regular
40px / 1.3em
Donec et odio pellen tesqu diam lorem ipsum dolor.
Anzeige 4
Ungeschnitten Sans Regular
28px / 1.429em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Rubriken
Überschrift H1
Ungeschnitten Sans Regular
54px / 1.222em
Donec et odio dolor pelle ntesqu.
Donec et odio dolor pelle ntesqu.
Überschrift H2
Ungeschnitten Sans Regular
38px / 1.316em
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Überschrift H3
Ungeschnitten Sans Regular
24px / 1.417em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.
Überschrift H4
Ungeschnitten Sans Regular
22px / 1.273em
Donec et odio pellentesqu diam lorem ipsum dolor
Donec et odio pellentesqu diam lorem ipsum dolor
Donec et odio pellentesqu diam lorem ipsum dolor
Überschrift H5
Ungeschnitten Sans Regular
18px / 1.333em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Überschrift H6
Ungeschnitten Sans Regular
16px / 1.375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Körper
Körper Groß
Ungeschnitten Sans Regular
24px / 1.583em
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 cursu.
Körper Standard
Ungeschnitten Sans Regular
18px / 1.667em
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.
Körper Klein
Ungeschnitten Sans Regular
14px / 1.714em
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.
Text einzeln
400
Ungeschnitten Sans Regular
Ungeschnitten Sans Medium
Uncut Sans Bold
28px / 1.071em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
300
Ungeschnitten Sans Regular
Ungeschnitten Sans Medium
Uncut Sans Bold
20px / 1.1em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
200
Ungeschnitten Sans Regular
Ungeschnitten Sans Medium
Uncut Sans Bold
18px / 1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
100
Ungeschnitten Sans Regular
Ungeschnitten Sans Medium
Uncut Sans Bold
16px / 1.125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Reichhaltiger Text
Text fett
Ungeschnittene Sans
Text Link
Ungeschnittene Sans
Aufzählung
Ungeschnittene Sans
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Nummerierte Liste
Ungeschnittene Sans
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Blockquote
Ungeschnittene Sans
18px / 30px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Bild & Untertitel
Text Großbuchstaben
Ungeschnittene Sans
Lorem ipsum dolor sit amet consectetur
Text durchgestrichen
Ungeschnittene Sans
Lorem ipsum dolor sit amet consectetur
Text unterstreichen
Ungeschnittene Sans
Lorem ipsum dolor sit amet consectetur
Schatten
Allgemeine Schatten
Schatten 01
Schatten 02
Schatten 03
Schatten 04
Schatten 05
Schatten 06
Knopfschatten
Buttons
Primäre Tasten
Sekundäre Tasten
Primärkreis-Tasten
Sekundäre Kreistasten
Schaltflächen zum Herunterladen von Apps
Links
Abzeichen
Primäre Abzeichen
Sekundäre Abzeichen
Eingaben
Text eingeben
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Textbereich
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Kontrollkästchen
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Optionsfelder
Herzlichen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Avatare
Avatare kreisen
Icons
Icons
Quadratische Icons
