Colors
Primary
Primary
#030303
Secondary color
Secondary 100
#476AFF
Secondary 200
#EBB3FF
Secondary 300
#FFC48D
Secondary 400
#A19DFF
Secondary 500
#F4F7FF
Secondary 600
#8FDFFF
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F7F9FC
Neutral 300
#D3D8E9
Neutral 400
#BDC2D4
Neutral 500
#8F96A9
Neutral 600
#62697D
Neutral 700
#050F26
Neutral 800
#030B1D
Opacity light colors
Faint
#ffffff1a
Light
#ffffff4d
Regular
#ffffff80
Strong
#ffffffe6
Solid
#ffffffe6
Opacity dark colors
Faint
#19213d1a
Light
#19213d4d
Regular
#19213d80
Strong
#19213db3
Solid
#19213de6
Opacity accent colors
Faint
#0303031A
Light
#0303034D
Regular
#03030380
Strong
#030303B3
Solid
#030303E6
System colors
Red 100
#FFDFE7
Red 200
#FFBCC4
Red 300
#FE98A0
Red 400
#fe566b
Blue 100
#E0EFFF
Blue 200
#C2DFFF
Blue 300
#A4CFFF
Blue 400
#64a7ff
Green 100
#E3F6E7
Green 200
#C7EDCF
Green 300
#ACE3B7
Green 400
#74d184
Yellow 100
#FCF3D5
Yellow 200
#F9E8AB
Yellow 300
#F5DB80
Yellow 400
#efc42c
Typography
Fonts
Figtree
Default
Mid
Strong
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Displays
Text style
Size
Line Height
Weights
Display 10
4.5rem
1.25rem
Default
Mid
Strong
Display 9
3.75rem
1.25rem
Default
Mid
Strong
Display 8
3rem
1.25rem
Default
Mid
Strong
Display 7
2.25rem
1.25rem
Default
Mid
Strong
Display 6
1.875rem
1.25rem
Default
Mid
Strong
Display 5
1.5rem
1.25rem
Default
Mid
Strong
Display 4
1.25rem
1.25rem
Default
Mid
Strong
Display 3
1.125rem
1.25rem
Default
Mid
Strong
Display 2
1.rem
1.25rem
Default
Mid
Strong
Display 1
0.875rem
1.25rem
Default
Mid
Strong
Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1.125rem
1.5rem
Default
Mid
Strong
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1rem
1.5rem
Default
Mid
Strong
Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
0.875rem
1.5rem
Default
Mid
Strong
Rich text
Text style
Size
Line Height
Weights
Text Bold - Gravida vulputate scelerisque dui
1rem
1.5rem
Default
Mid
Strong
1rem
1.5rem
Default
Mid
Strong
Bullet List
  • Gravida vulputate scelerisque dui
  • Nec purus nisl a tellus velit tellus
1rem
1.5rem
Default
Mid
Strong
Numbered List
  • Gravida vulputate scelerisque dui
  • Nec purus nisl a tellus velit tellus
1rem
1.5rem
Default
Mid
Strong
Shadow
Primary color shadows
Small
Medium
Large
Extra Large
Secondary color shadows
Small
Medium
Large
Extra Large
Accent color shadows
Small
Medium
Large
Extra Large
Logo
Logo icon
Icon - BuilderAI Webflow Template
Icon - BuilderAI Webflow Template
Logo Full
BuilderAI Webflow Template - Logo
BuilderAI Webflow Template - Logo
BuilderAI Webflow Template - Logo
BuilderAI Webflow Template - Logo
Buttons
Primary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Secondary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Accent button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Lists
Primary Lists
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Numbers
Icon
Bullet
Numbers
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
Accent Lists
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Numbers
Icon
Bullet
Numbers
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
Icons
Icon fonts
Line icons rounded
Line icons squared
Filled icons
Social media icons
Custom Icon Set
Avatars
Avatar Circle
Default
24px
32px
40px
48px
64px
120px
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
Avatar Squared
Default
24px
32px
40px
48px
64px
120px
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
John Carter Marquee Builderai Webflow Template | BRIX Template
Inputs
Inputs
Small
Default
button Inside
Icon Left Right
Small
Default
button Inside
Icon Left Right
Small
Default
button Inside
Icon Left Right
Small
Default
button Inside
Icon Left Right
Light mode
Dark Mode
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text areas
Small
Default
Icon Left Right
Small
Default
Icon Left Right
Small
Default
Icon Left Right
Small
Default
Icon Left Right
Light mode
Dark Mode
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Small
Default
Small
Default
Light mode
Dark Mode
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Toggle Button
Placeholder
Placeholder
State messages
Error messages
Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Opps! Something went wrong.

We apologize, but it looks like something went wrong. We have been notified of this error and will work to resolve it as soon as possible.

Thank you messages
Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Request a demo messages
Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Download messages
Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Thank you for requesting a demo!

We have received your demo request, and one of our sales representatives will get back to you within 24 hours.

Badges
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Small
Default
Small
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Pagination
Rich text
Rich text

Lorem ipsum dolor.

Venenatis sollicitudin posuere elit consequat et enim. Neque tortor amet dictum tempor. Leo facilisis aliquet viverra scelerisque eleifend viverra est. At massa erat vel amet enim laoreet dictum pellentesque. Urna cursus quam pulvinar tellus. Duis fermentum nibh volutpat morbi. Et ac sed ultricies ut nunc sodales lectus. Ultricies pharetra mauris eget pellentesque accumsan tincidunt.

Donec et odio pellentes.

Et urna ac et maecenas fusce amet. Nibh nec commodo massa sed. Tincidunt porttitor in pharetra egestas sit neque ac lacus. Amet a nunc et cum. Odio at volutpat volutpat in leo eget ipsum diam elementum. Erat magna arcu orci lorem senectus orci fringilla. Tincidunt metus nisl vitae maecenas pretium aliquet. At id pharetra in vestibulum lectus pellentesque venenatis molestie.

  • Morbi fringilla molestie magna sed dictum. Praesent pharetra turpis augue.
  • Cras mi purus, viverra vitae felis sit amet, tincidunt fringilla lorem.
  • non mattis urna ex nec sem. Donec varius diam et suscipit venenati proin tincidunt
  • Quisque euismod posuere lacus sit amet volutpat. Praesent vel imperdiet

Quis faucibus massa sit egestas. Sit fermentum est ac pulvinar et sagittis sed sit ut. Quis faucibus aenean nibh vestibulum enim mi sit. Sollicitudin ultrices ultrices in ipsum urna fringilla massa leo. Sapien ultricies vitae rhoncus molestie purus. Urna urna dolor euismod porttitor et. Magna adipiscing dictum et adipiscing mollis feugiat. Est ac ultrices varius volutpat nibh purus placerat. Sapien morbi sed sit non habitant turpis dignissim. Facilisis vitae massa justo neque.

Blog Caption Builderai Webflow Template | BRIX Template
Lorem ipsum dolor sit amet consectur

Quis faucibus massa sit egestas. Sit fermentum est ac pulvinar et sagittis sed sit ut. Quis faucibus aenean nibh vestibulum enim mi sit. Sollicitudin ultrices ultrices in ipsum urna fringilla massa leo. Sapien ultricies vitae rhoncus molestie purus. Urna urna dolor euismod porttitor et. Magna adipiscing dictum et adipiscing mollis feugiat. Est ac ultrices varius volutpat nibh purus placerat. Sapien morbi sed sit non habitant turpis dignissim. Facilisis vitae massa justo neque.

Donec et odio pellentesque.

Cursus curabitur euismod vel fermentum sapien non dolor odio vel. Tortor lectus mauris in praesent a tincidunt nam. In aenean odio aliquet pretium viverra elit quis magna. Eget ut risus posuere velit purus nisi nec sollicitudin. Tellus enim interdum neque sit vestibulum lacus. Nam pulvinar a lectus justo aliquet integer amet.

“Sed id mi eget urna facilisis pharetra. Nunc viverra est at magna maximus consectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur venenatis. Proin eu suscipit lorem. Nam vitae aliquet augue. Morbi rutrum ultrices lorem molestie suscipit. Sed mattis luctus odio eu porta.”

Cursus curabitur euismod vel fermentum sapien non dolor odio vel. Tortor lectus mauris in praesent a tincidunt nam. In aenean odio aliquet pretium viverra elit quis magna. Eget ut risus posuere velit purus nisi nec sollicitudin. Tellus enim interdum neque sit vestibulum lacus. Nam pulvinar a lectus justo aliquet integer amet.

Lorem ipsum dolor sit amet consectur doler

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

  1. Morbi fringilla molestie magna sed dictum. Praesent pharetra turpis augue.
  2. Cras mi purus, viverra vitae felis sit amet, tincidunt fringilla lorem.
  3. non mattis urna ex nec sem. Donec varius diam et suscipit venenati proin tincidunt
  4. Quisque euismod posuere lacus sit amet volutpat. Praesent vel imperdiet
Dolor sit amet consectur doler

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

Sed nec maximus augue aliquam commodo sem eu nisl efficitur

Sed non quis tellus velit orci. Quam sed mauris elementum tempor viverra. Luctus semper risus ipsum id diam praesent. Pretium eget mauris ultrices curabitur sed sem amet. Erat nulla habitant in mattis massa mi adipiscing ullamcorper condimentum. Erat quisque integer tincidunt ac amet tempor vulputate tristique. Venenatis neque odio a nulla iaculis euismod etiam.

Blockquote
“Sed id mi eget urna facilisis pharetra. Nunc viverra est at magna maximus consectetur. Sed nec maximus augue. Aliquam commodo sem eu nisl efficitur venenatis. Proin eu suscipit lorem. Nam vitae aliquet augue. Morbi rutrum ultrices lorem molestie suscipit. Sed mattis luctus odio eu porta.”
Spacing
Margin top
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Margin bottom
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Margin left
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Margin right
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Padding top
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Padding bottom
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Padding left
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large
Padding right
5x Extra Small
4x Extra Small
3x Extra Small
2x Extra Small
Extra Small
Small
Medium
Large
Extra Large
2x Extra Large
3x Extra Large
4x Extra Large
5x Extra Large
6x Extra Large

Explore our collection of 200+ Premium Webflow Templates

Need to customize this template? Hire our Webflow team!