Style Guide

A Guide for Color, Typography, and Other Design Elements.

Colors

Primary color

#A9E702

Secondary color one

#0A0119

Secondary color two

#2B3314

Text color

#626262

BG color one

#EBEEE9

BG color two

#F9FAF6

Border color

#DADDD1

Typography

Heading 1

H1 - 72px /130% || Medium || Roboto

Heading 2

H2 - 56px /120% || Medium || Roboto

Heading 3

H3 - 32px /130% || Medium || Roboto

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.

Paragraph - 20px /150% || Regular || Roboto

“Embrace each moment with courage and determination, for it is through challenges that we grow. Remember, success is not measured by the absence of obstacles, but by the strength to overcome them.”