Webflow Styleguide

Browse the UI elements available on the Template.
Consultant is a Webflow Template for Business Coaches & Consultants designed & developed by BRIX Templates.

Colors

Primary Colors

Primary/Black
#040404
Primary/Accent
#F66688
Primary/Paragraphs
#707070

Secondary Colors

Secondary 1
#252525
Secondary 2
#131313

Neutral Colors

Neutral 300
#CCCCCC
Neutral 200
#F1F1F1
Neutral 100
#F8F8F8
White
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 57px/1.031em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 36px/1.200em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.037em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.182em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.300em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/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 - 20px/1.450em

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

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • Lorem ipsum dolor sit amet, consectetur.
  • 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.
  3. Lorem ipsum dolor sit amet, consectetur| adipiscing elit
Numbered List
Office - Consultant Webflow Template
Lorem Ipsum Dolor Sit
Figure and Figure Caption
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sapien, sed ultricies neque commodo consequat integer mi. Nec euismod gravida gravida egestas. Sem dolor vel faucibus risus. Eu platea.
Block Quote

Buttons

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