01. Colors02. Typography03. Component

Colors

Primary Color - #57b33e

Secondary color - #ff7029

Body color- #484848

Typography

Aa

Manrope

Aa

Roboto

Headings

Heading 1

H1 - 65PX / 75px - Manrope

Heading 2

H2 - 50PX /62px - Manrope  

Heading 3

H3 - 36PX / 48 -  Manrope

Heading 4

H4 - 28PX / 36 -  Manrope

Paragraphs

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.

Paragraphs - 15PX/ 30px - Roboto

Others

Text Black

Here is a caption to add on an element.

Caption- 15px/ 30px - Roboto

Here is a label to add to your forms as needed.

Lable - 15PX/ 30px - Roboto

Small text that you'll have on the page maybe for a small description.

Small - 15PX/ 30px - Roboto
  • Dynamically target high-payoff intellectual capital for customized
  • Interactively procrastinate high-payoff content
  • Credibly reinter mediate backend ideas for cross-platform models
UnOrdered List Item- 15PX/ 30px - Roboto
Text Link
Link Text - 15PX/ 30px - Roboto
Text White

Container

Max-Width - 1200px

Section Title

It islooking at its layout the point and using lorem ipsum is that hasdistribution of letters as opposed.

Block Quote

Wind can greatly affect climate change, so from basic predictions to complex climate wind is an integral part of  the global environment works and evolves in the future.
Block Quote Text - 22px/ 33px - Manrope

Breadcrumbs

Animation

Animation ImageSection Shape Image