Style Guide

This style guide provides a central location to make stylistic changes to your site. If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.

Colors

Colors Block

Primary

#000000

Secondary

#91f0fd

Color-100

#ffec89

Color-200

#90ffbd

Typography

Heading 1

Heading 1 - 100px / 110px

Heading 2

Heading 2 - 78px / 92px

Heading 3

Heading 3 - 54px / 62px

Heading 4

Heading 4 - 32px / 45px

Heading 5

Heading 5 - 24px / 28px

Heading 6

Heading 6 - 20px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph small - 18px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph normal - 22px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph large - 28px / 42px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

block quote

  • Lorem ipsum dolor sit amet consectetur.
  • Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  • Sapien in tempus lectus lorem quis est.

Bullet list

  1. Lorem ipsum dolor sit amet consectetur.
  2. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  3. Sapien in tempus lectus lorem quis est.

numbered list

Icons

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Buttons

Try it Now

Primary

Log in

Secondary

700k+ Customers have our Gulla. Try it Now!