Style guide

Image
Style guide

Lorem ipsum dolor sit amet consectetur. Leo nam dui dolor in ipsum sem. Egestas quam turpis id tellus et vel et leo.

Image

Colors

Primary
#efddd1
Primary 2
#dfdac4
Secondary
#323f22
Secondary 2
#20211e

Typography

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Paragraph

Large paragraph text

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.

Medium paragraph text

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.

Text alignments

Text Left : Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Center : Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Right : Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

Button large
Button medium
Button small
Button large
Button medium
Button small
Button large
Button medium
Button small

Icons

SVG icon
SVGSVGSVGSVGSVGSVGSVGSVGSVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG

Logo

Favicons
IconIcon
Brand logo

List

  • List item one text
  • List item two text
  • List item three text
  • List item one text
  • List item two text
  • List item three text

Shadow

Box shadow 1
Box shadow 2

Placeholder

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

Accordion

Accordion item style1
Image
Q1. Accordion item style2
Image

Section spacings

Section padding large
Section padding small
Buy Now – $59
More Templates