🔥Free shipping in standard order.
Home
/
Style Guide

Style Guide

All graphical assets in this template are licensed for personal and commercial use. If you'd like to use a specific asset, please check the license below.

  • buy template
  • buy template
Hero Shape bottom
Home Banner
Display L

Mock text showing content format.

Heading H1

Mock text showing content format.

Heading Custom H1
Mock text showing content format.
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.

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.
All Link
All Quotes
Blockquotes
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

Colors

#143226
Background Primary
Color Primary
#FF9832
Background Secondary
Color Secondary
#036368
Background Tertiary
Color Tertiary
#FFFF
Background White
Color White
Transparent
Background Transparent

Forms

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

UI

Success State
Thank you! Your submission has been received!
Error/ Empty State
Oops! Something went wrong while submitting the form.

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.