Style Guide

01.

Color Pallette

#84C440
#61A518
#192030
#333333
#9B9B9B
#DEDEDE
#F7F8F9
#FFFFFF

02.

Typography

Aa

Khula
Regular
Italic
Bold

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. 

Title

Khula, 89px

Hero Title

Heading

Khula, 67px

H1

Khula, 50px

H2

Khula, 38px

H3

Khula, 28px

H4

Khula, 21px

H5

Khula, 16px

H6

Body

Gothic A1, 16px

Paragraph

KHULA, 11px

Sub Heading

Gothic A1, 16px

Link

03.

Iconography






Logo










04.

UI Elements

Button


Extra Large


Large


Medium


Small


Extra Small

Sizes


Ghost Button

Ghost

Scroll to Top