logos
Header logo
Footer logo
color palette
buttons
Background: Primary color / Hover: no hover state
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