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

Primary

#FF6600

Primary 2

#003355

Secondary

#090909

Secondary 2

#49535a

Grey

#f2f2f2

Typography

Heading h1

Font size : 82px | Line height : 92px

Heading h2

Font size : 54px | Line height : 64px

Heading h3

Font size : 42px | Line height : 52px

Heading h4

Font size : 30px | Line height : 40px

Heading h5

Font size : 24px | Line height : 34px

Heading h6

Font size : 20px | Line height : 30px

Button

Back to home

Logo

Favicons

Brand logo

Icons

SVG Icon

Text Aligments

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.

List styles

Aliquam ut dolor id suscipit commodo mattis iaculis tempus.
Lorem ipsum dolor sit amet consectetur a aliquam vitae euismod id risus.
Id sed mi nulla nulla facilisi lorem adipiscing habitant aliquet.

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.

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