Webflow Styleguide

Links X is a Webflow Template for Creators looking to have a simple, yet premium and modern website. It was designed & developed by BRIX Templates.

Colors

Primary Colors

Primary 1
#FF3951

Secondary Colors

Secondary 1
#FFF1F3
Secondary 2
#3F80FD
Secondary 3
#ECF4FF
Secondary 4
#FFC226
Secondary 5
#FFF8E7
Secondary 4
#D94556
Secondary 4
#F2EAFF

Neutral Colors

Neutral 700
#14142B
Neutral 700
#4E4B66
Neutral 600
#6E7191
Neutral 500
#CCCEDF
Neutral 400
#EBECF3
Neutral 300
#F4F5FA
Neutral 200
#F9FAFE
Neutral 100
#F7F7FB

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 30px/34px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 28px/38px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 22px/32px
Heading 4 - 18px/28px

Heading H4 - Aa Bb Cc Dd

Heading H5 - Aa Bb Cc Dd
Heading 5 - 16px/24px
Heading 6 - 18px/20px
Heading H6 - Aa Bb Cc Dd

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.

Paragraph Small - 14px/26px

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.

Paragraph Default - 18px/30px

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.

Paragraph Large - 20px/32px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic 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 Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Lorem ipsum consectur
Figure and Figure Caption

Icons

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Small
Button Secondary - Small
Default
Button Secondary - Default
Like Links X Webflow Template? Get it today on the Webflow Marketplace
Buy Now