Orange asterisk star icon
Style guide

Website styles & components

Sunny blue sky clouds

Colors

Body color
#666273
Body font opacity
rgba(255, 255, 255, 0.15)
Primary
#0d0036
Secondary
#f2994a
Background color
#f8f6fc
Grey
#ece9f6

Logo

Logo
Favicons
light_32x32-faviconlight_512x512-favicon

Typography

Heading 1

Font weight: Medium
Font size : 82px
 Line height : 110px

Heading 2

Font weight: Medium
Font size : 54px
 Line height : 64px

Heading 3

Font weight: Medium
Font size : 40px
 Line height : 52px

Heading 4

Font weight: Medium
Font size : 32px
 Line height : 48px
Heading 5
Font weight: Medium
Font size : 24px
 Line height : 36px
Heading 6
Font weight: Medium
Font size : 20px
 Line height : 32px

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
Check mark circle icon3D cube focus iconPlus in circle iconFirst aid kit iconLotus flower wellness iconWhite bookmark ribbon iconFive orange star ratingicon-44Yoga pose outline iconCrescent moon night iconWater drop outline iconFork plate dining iconScience beaker flask iconPlant sprout leaf iconVerified badge checkmark iconSparkle shine star icon3D wireframe cube iconUser profile avatar iconCheckmark circle outline iconShield lightning protection iconLog in arrow iconHidden view eye iconPurple verified check iconPurple right arrow iconBlack telephone call iconOrange four point starOrange abstract double curveOrange flower asterisk emblemOrange clover flower shapeOrange four petal flowerDark blue customer supportOrange map pin 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."

Forms

Been here before? Check your query
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Section padding

Section padding
Section padding top
Section padding bottom