01. Colors02. Typography03. Component

Colors

Primary Color - #79A206

Secondary color#296253

Body color- #51544F

Typography

Aa

Libre Baskerville

Aa

DM Sans

Headings

Heading 1

H1 - 60PX / 90px - Libre Baskerville

Heading 2

H2 - 38PX /62px - Libre Baskerville  

Heading 3

H3 - 22PX / Auto - Libre Baskerville

Heading 4

H4 - 18PX / Auto -Libre Baskerville

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/ 28px - Poppins

Others

Text Black

Here is a caption to add on an element.

Caption- 15px/ 28 px - Poppins  

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

Lable - 15PX/ 28px - Poppins

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

Small - 15PX/ 28px - Poppins
  • 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/ 28px - Poppins
Text Link
Link Text - 15PX/ 28px - Poppins
Text White

Container

Max-Width - 1200px

Button

Block Quote

It is a long established fact that a reader will be distracted by the read content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more normal distribution
Block Quote Text - 15PX/ 24 - Poppins

Breadcrumbs