Style guide
Manage the look and feel of the entire website from our style guide. A style guide is a set of standards for writing and design, ensuring consistency and clarity across website.
Colors
Body color
#585f70
Primary Color
#bdff69
Dark color
#132528
Body Light color
#bdbdbd
Secondary color
#f1f5eb
Black color
#000000
Logo
Favicons
Brand logo
Typography
Heading h1
Font weight : Medium
Font size : 74px
Line height : 86px
Heading h2
Font weight : Medium
Font size : 52px
Line height : 62px
Heading h3
Font weight : Medium
Font size : 36px
Line height : 46px
Heading h4
Font weight : Medium
Font size : 28px
Line height : 38px
Heading h5
Font weight : Regular
Font size : 24px
Line height : 34px
Heading h6
Font weight : Regular
Font size : 20px
Line height : 30px
Paragraph
All paragraph
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.
Small 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.
Icons
SVG Icon
%201.svg)
Social Icon
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.
Lists
- List item one text
- List item two text
- List item three text
Blockquote
"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."
Quote name
Forms
E-mail us at
Hello@example.comFill out the form below and our team will get back to you within 24 hours
Oops! Something went wrong while submitting the form.
Section spacings
Section padding
Section top padding
Section bottom padding
