Webflow-Style-Leitfaden

Technologyc ist ein Webflow Ecommerce Template für SaaS und Tech Startups. Es wurde vom BRIX Agency Team entworfen und entwickelt.

Farben

Primärfarben

Primär 1
#0144E4

Neutrale Farben

Neutral 800
#14192B
Neutral 700
#4B5166
Neutral 600
#888B94
Neutral 500
#B8BAC3
Neutral 400
#D8DAE3
Neutral 300
#E9EAF0
Neutral 200
#F7F8FA
Neutral 100
#FFFFFF

Typografie

Reichhaltiger Text

Überschrift H1 - Aa Bb Cc Dd

Überschrift 1 - 68px/1.118em

Überschrift H2 - Aa Bb Cc Dd

Überschrift 2 - 34px/1.353em

Überschrift H3 - Aa Bb Cc Dd

Überschrift 3 - 25px/1.440em

Überschrift H4 - Aa Bb Cc Dd

Überschrift 4 - 20px/1.400em
Überschrift H5 - Aa Bb Cc Dd
Überschrift 5 - 18px/1.333em
Überschrift H6 - Aa Bb Cc Dd
Überschrift 6 - 16px/1.375em

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.

Absatz klein - 15px/1.733em

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.

Absatz Standard - 16px/1.750em

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.

Absatz groß - 22px/1.636em

Bold - Lorem ipsum dolor sit amet

Fettgedruckter Text

Italic - Lorem ipsum dolor sit amet

Kursiver Text
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida purus urna, ipsum eu morbi in enim. Amet quis dignissim eu pulvinar nunc, risus tincidunt nulla mi. Pharetra odio.”
Block Zitat
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Aufzählung
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Nummerierte Liste
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Abbildung und Bildunterschrift

Icons

Buttons

Klein
Knopf Primär - Klein
Standard
Schaltfläche Primär - Standard
Groß
Knopf Primär - Groß
Klein
Taste Sekundär - Klein
Standard
Schaltfläche Sekundär - Standard
Groß
Taste Sekundär - Groß

Karten

Karte Standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pretium donec lobortis quam sit ultrices bibendum hendrerit. At.