Webflow Styleguide

Browse the UI elements available on the Template.
Influencer is a Webflow Template for Social Media Influencers. Influencer was designed & developed by BRIX Templates.

Colors

Primary Colors

Primary 1
#FB0F5A

Secondary Colors

Secondary 1
#F7F6FF
Secondary 2
#F9F9FD

Shape Colors

Shape Blue
#1BBAFF
Shape Purple
#770FFB
Shape Purple
#FFCE22
Shape Purple
#FF971E

Neutral Colors

Neutral 700
#0B091B
Neutral 600
#232046
Neutral 500
#474459
Neutral 400
#CECCDC
Neutral 300
#BEBDD4
Neutral 200
#E5E5EF
Neutral 100
#F7F7FB
White
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 58px/1.172em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 40px/1.250em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/1.308em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.364em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.111em
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 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 - 24px/36px
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Numered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure & Figure Caption

Bold - Lorem ipsum dolor sit amet

Bold - Lorem ipsum dolor sit amet

Bold Text

Bold - Lorem ipsum dolor sit amet

Italix Text
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fringilla nunc, amet vitae senectus. A consequat duis nec eu quis.”
Block Quote

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