Webflow Styleguide

Browse the UI elements available on SEO Webflow Template.
SEO is a SEO Agency Webflow Template designed and developed by BRIX Templates.

Colors

Primary Colors

Primary 1
#1C7DF8
Primary 2
#72D962

Secondary Colors

Secondary 1
#EFF6FF
Secondary 2
#ECFDE9
Secondary 3
#FFF9E5
Secondary 4
#FFCD1D

Neutral Colors

Neutral 700
#193150
Neutral 600
#465A74
Neutral 500
#778BA5
Neutral 400
#B4C2D6
Neutral 300
#DCE3ED
Neutral 200
#FAFBFD
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/1.292em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.368em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.400em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 19px/1.333em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 18px/1.333em

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 - 16px/2em

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 Small - 14px/1.857em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

ItalicText
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eu vestibulum massa volutpat vitae blandit aliquet rhoncus. Tempor, nunc id aliquam quis. Eget lobortis massa non, est aliquam vel. Cras proin urna nec metus, faucibus turpis nunc tellus.”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
  • Lorem ipsum dolor sit amet, consectetur.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  3. Lorem ipsum dolor sit amet, consectetur.
Numered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure & Figure Caption

Icons

Keyword Optimization - SEO Webflow Template
SEO Optimization - SEO Webflow Template
Backlinks - SEO Webflow Template
Content Marketing - SEO Webflow Template
Phone Icon - SEO Webflow Template
Email Icon - SEO Webflow Template

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