Webflow Style Guide

Newsletter X is our ultimate Webflow Template for free or premium newsletter authors. It was designed & developed by the team of Webflow Experts at BRIX Agency.

Colors

Primary Colors

Primary 1
#0355FF

Secondary Colors

Secondary 1
#EAF1FF
Secondary 2
#D8E5FF

Neutral Colors

Neutral 900
#0F1B44
Neutral 800
#1E2F6D
Neutral 700
#475089
Neutral 600
#646D9C
Neutral 500
#7D84AC
Neutral 400
#D3D6E3
Neutral 300
#E9EBF3
Neutral 200
#F6F9FF
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/1.271em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 32px/1.563em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 22px/1.636em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.600em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.667em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.625em

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/1.929em

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/1.778em

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/2.100em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
“Vehicula ipsum a arcu cursus vitae. Nec nam aliquam sem et tortor consequat id. Et magnis dis parturient montes nascetur ridiculus nibh mauris lorem.  Excepteur sint occaecat cupidatat non proident.”
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
Mattis rhoncus urna neque viverra justo.
Figure and Figure Caption

Line Icons Rounded

Line Icons Square

Filled Icons

Social Media Icons

Icon Font

Icons

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Cards

Card default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet volutpat, mattis mi, diam magna phasellus auctor. Odio vestibulum.

Like Newsletter X Webflow Template? Get it today on the Webflow Marketplace
Buy Now