Headings

H1 Header

H2 Header

H3 Header

H4 Header

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Numbered Lists

First line of the numbered list.
Secont line of the numbered list..
Third line of the numbered list

Main Navigation

Product Listing

Cucumber Lemon Refresher

Canada

Herbal Tea

Cool fresh cucumber with apple, lemon and bee pollen

CA$7.04

Ginger Ginseng Chamomile

USA

Herbal Tea

Intoxicating wellness blend of pure chamomile, ginger and ginseng

CA$7.75

Cream Earl Grey Moonlight

Sri Lanka

Black Tea

Rich and creamy vanilla infused twist on classic earl grey

CA$9.15

Guarana Energizer Chai

Canada

Pu-erh Tea

Bold and spicy tea with guarana, cocoa, cinnamon, ginger...

CA$7.75

Payment Form

Checkout Cart

Cream Earl Grey Moonlight $20.00

Cucumber Lemon Refresher $10.00

Tencha Mimoto Japanese $12.30

Green Vitality $8.00

Summary

Subtotal:$58

Shipping:$12.99

Tax:$7.56

Total Cost:

CA$ 67.56

Fonts

Font1: Trirong

h1,h2;
important information, such as tototal amount of money.

Font2: Ysabeau

paragraph text: font-weight: 300;
buttons,navigations, h3, h4: font-weight: 600;
Key information: 600.

Colour palettes

Navitation

bg: #c1d9a7
text: #385A41

Inline link:

#469732

Buttons:

background: #f5f5dc
text: #567a61

Button shadow

#567a61

#9cbd7a

#728c57

h3:

#152419

h4,
h3 left-border:

#c2a629

h1 h2 hover

#385A41

Numbered list:

#4b7a58;

Numbered list: hover:

#174d25;

Paragraph:

#2d2d2d

Leafina Style Guide

In-text link

A navigation link

Submit/Reset Buttons

Text Input Field

Radio Button Input Field

Image as a Link