Style Guide

Colors

Colors Block

Primary

#caef45

Secondary

#ffffff

Color-100

#c1c1c1

Color-300

#64748b

Typography

Heading 1

Heading 1 - 60px / 72px

Heading 2

Heading 2 - 48px / 57.6px

Heading 3

Heading 3 - 34px / 44px

Heading 4

Heading 4 - 28px / 33.6px

Heading 5

Heading 5 - 22px / 28px

Heading 6

Heading 6 - 20px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph small - 16px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph normal - 18px / 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph large - 22px / 32px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

block quote

  • Lorem ipsum dolor sit amet consectetur.
  • Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  • Sapien in tempus lectus lorem quis est.

Bullet list

  1. Lorem ipsum dolor sit amet consectetur.
  2. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  3. Sapien in tempus lectus lorem quis est.

numbered list

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Buttons