Webflow Style Guide

Investor X is our premium investor Webflow Template designed for modern venture capital and private equity firms. It was designed & developed by the team of Webflow Experts at BRIX Agency.

Colors

Primary Colors

Primary 1
#0085FF

Secondary Colors

Secondary 1
#0451C6
Secondary 2
#E5F0FF
Secondary 3
#00B2FF
Secondary 4
#2D68FF

Neutral Colors

Neutral 800
#0E141C
Neutral 700
#39414B
Neutral 600
#535E6C
Neutral 500
#A0ADBD
Neutral 400
#DCE2EB
Neutral 300
#EFF2F6
Neutral 200
#F7F9FC
Neutral 100
#FFFFFF

Typography

Special Text

Display 1 Text

Display 1 - 80px/100px

Display 2 Text

Display 2 - 64px/86px

Display 3 Text

Display 3 - 40px/56px

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 64px/78px

Heading H2 - Aa Bb Cc Dd1

Heading 2 - 46px/62px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 28px/37px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/36px
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 - 14px/24px

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/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 - 22px/40px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
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
Figure and Figure Caption

Icons

Buttons

Button
Button Primary - Small
Button
Button Primary - Default
Button
Button Primary - White - Small
Button
Button Primary - White