logos

Header logo
Footer logo

color palette

Black #000000
Green #37CA95
Grey #F8F8F8

buttons

Background: Primary color / Hover: no hover state
Background: Transparent / Hover: White background, primary color text

typography

Header 1 Font: Manrope Bold / Weight: Bold / Size: 44px

Header 2 Font: Manrope Bold / Weight: Bold / Size: 32px

Header 3 Font: Manrope Bold / Weight: Normal / Size: 25px

Header 4 Font: Manrope Bold / Weight: Normal / Size: 20px

Header 5 Font: Manrope Bold / Weight: Bold / Size: 18px
Header 6 Font: Manrope Bold / Weight: Normal / Size: 18px

This is Body copy. 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. Font: Inter Normal / Weight: Normal / Size: 18px

This is an inline link Font: Inter Normal / Weight: Normal / Size: 18px
THIS BLACK BOX REPRESENT THE PAGE'S CONTAINER

Content Sandbox

Headline 1 (Manrope Bold, 44px) 

Headline 2 (Manrope Bold, 29px) - Let's make this 32 px

Headline 3 (Manrope Bold, 25px) 

Headline 4 (Manrope Bold, 20px)

Headline 5 (Manrope Bold, 18px)
Headline 6 (Manrope Bold, 18px) 

Paragraph (Inter Normal, 18px) 

Link Text (Inter Normal, 18px, Underlined)

 

OUTPUT PAGE'S CONTENT, POPULATED VIA SHOPIFY ADMIN

12 Columns Grid system

1
2
3
4
5
6
7
8
9
10
11
12
Row with 12 items
12/12
11/12
10/12
9/12
8/12
7/12
6/12
5/12
4/12
3/12
2/12
1/12