Style guide

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

Heading Style

Heading H1

Sample text shows how real content might appear.

Heading Custom H1
Sample text shows how real content might appear.
Heading H2

Sample text shows how real content might appear.

Heading Custom H2
Sample text shows how real content might appear.
Heading H3

Sample text shows how real content might appear.

Heading Custom H3
Sample text shows how real content might appear.
Heading H4

Sample text shows how real content might appear.

Heading Custom H4
Sample text shows how real content might appear.
Heading H5
Sample text shows how real content might appear.
Heading Custom H5
Sample text shows how real content might appear.
Heading H6
Sample text shows how real content might appear.
Heading Custom H6
Sample text shows how real content might appear.
Heading Custom H6

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.

“Vivamus vitae est varius, sagittis neque dignissim, porta nisi. Cras malesuada, sapien eu sagittis commodo, massa ipsum ultricies tellus, ut tincidunt felis quam semper enim. Nullam magna turpis, mattis sit amet neque at, malesuada scelerisque velit. In sollicitudin ante non enim”

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Richtext image placeholder

Other Styles

All Paragraphs

Sample text shows how real content might appear.

Body Text Default
Sample text shows how real content might appear.
Body Text 18px
Sample text shows how real content might appear.
Body Text 24px
Sample text shows how real content might appear.
Display 24px
Sample text shows how real content might appear.
All Link
Nav/Footer Link
All Quotes
Sample text shows how real content might appear.
All Order List
  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
All Unorder List
  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
Images
Placeholder image
Rich Text Image
Placeholder image

Colors

#FF6314
Background Primary
Color Primary
#0D0E13
Background Secondary
Color Secondary
#0D0E13
Background Tertiary
Color Tertiary
#FFFF
Background White
Color White
#000
Background Black
Color Black
#56595A
Background Grey
Color Grey

UI

Success State
Your request is submitted successfully
Error/ Empty State
Oops! Something went wrong...

Utility Classes

Text Align Center

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.

Content Align Center

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.

Button Primary

The ultimate solution for business

14-day free trial. No credit card required.