Webflow-Style-Leitfaden

Startup ist unser ultimatives Startup-Webflow-Template & UI-Kit, das für moderne Tech-Startups entwickelt wurde, die eine beeindruckende Website erstellen möchten. Es wurde vom BRIX Agency Team entworfen und entwickelt.

Farben

Primärfarben

Primär 1
#055F5B
Primär 2
#FFD584

Sekundärfarben

Sekundarstufe 1
#FBF9F8
Sekundarstufe 2
#F8EDE3
Sekundarstufe 3
#FAF6F1
Sekundarstufe 4
#E9F8F7

Neutrale Farben

Neutral 800
#292C32
Neutral 700
#494A4D
Neutral 600
#6F7278
Neutral 500
#A0A2A7
Neutral 400
#CACCD1
Neutral 300
#E7E9EE
Neutral 200
#FAFAFC
Neutral 100
#FFFFFF

Typografie

Reichhaltiger Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 52px/1.308em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.316em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.091em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.389em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.125em

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.600em

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 - 18px/1.833em

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ß - 24px/1.583em

Bold - Lorem ipsum dolor sit amet

Fettgedruckter Text

Italic - Lorem ipsum dolor sit amet

Kursiver Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
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
Bibendum est ultricies integer quis. Semper eget duis at tellus.
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 auctor scelerisque quam id magna risus nisi lectus odio interdum.