Style Guide

Take advantage of beautiful design and easily create your dream Business and Tech Webflow website that will impress your visitors.

Heading Styles

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
Body 18 px
Body 16 px
Body 14 px

Custom Headings

Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6

Text Utilities

Text Xlarge

Text Regular

Text Medium

Text Tiny

Text Italic

Font Weight Regular
Font Weight Medium
Font Weight SemiBold
Font Weight Bold

Rich Text Primary

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text
  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Placeholder image

Rich Text Secondary

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text
  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Placeholder image
Placeholder image

Rich Text Two Image Column

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text
  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Placeholder image
Placeholder image

Color

#152F31
Color Primary
Background Primary
#63C293
Color Green
Background Green
#BFEF4C
Color Green Bright
Background Green Bright
#D2F7D5
Color Green Lite
Background Green Lite
#F6F6F6
Color Grey
Background Grey
#FFFFFF
Color White
Background White

Forms

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

Frequently Used

Main Tag

Article Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim.