Webflow Style Guide

Agencies X is a Webflow Ecommerce Template & UI Kit designed for top-notch design agencies looking to launch an amazing website. It was designed & developed by the BRIX Agency team.

Colors

Neutral Colors

Neutral 800
#111111
Neutral 700
#484848
Neutral 600
#727272
Neutral 500
#A9A9A9
Neutral 400
#CECECE
Neutral 300
#ECECEC
Neutral 200
#FAFAFA
Neutral 100
#FFFFFF

Typography

Heading H1 - Aa Bb Cc Dd

Heading 1 - 104px/118px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 46px/60px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 30px/38px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/30px
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/24px
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/22px

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 - 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 Default - 20px/34px

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 - 26px/45px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat.
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 dolor sit
Figure and Figure Caption

Buttons

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