Styleguide

Colors

.

DARK-TURQUOISE #00C7B6

.

TURQUOISE #00C7B6

.

LIGHT-TURQUOISE #00C7B6

.

VIOLET #9E3E76

.

RED #FF0000

.

DARK-GREY #1C2530

.

MEDIUM-GREY #6A778

.

LIGHT-GREY #C5CFDC

.

ULTRALIGHT-GREY #ECEFF0

.

GREY FOR BORDERS #4A4A49

H1 Desktop / Barlow Light / Font size 48px / Line height 46px

H2 Desktop / Barlow Regular / Font size 36px / Line height 40px

H3 Desktop / Barlow Regular / Font size 30px / Line height 30px

H1 Mobile / Barlow Light / Font size 26px / Line height 28px

H2 Mobile / Barlow Regular / Font size 28px / Line height 30px

H3 Mobile / Barlow Regular / Font size 24px / Line height 24px

BODY SMALL / Barlow Regular / Font size 12px / Line height 15px

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.

BODY MEDIUM / Barlow Regular / Font size 14px / Line height 20px

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.

BODY LARGE / Barlow Regular / Font size 18px / Line height 24px

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.

Buttons

Button turquoise LABEL
Button white LABEL
Button text gray + Button chevron LABEL
Button white overlay LABEL
Button transparent overlay LABEL
Button text white + Button chevron LABEL
Button text white

Forms

Error message
https://tenacta.myshopify.com/pages/contact https://tenacta.myshopify.com/account/login https://tenacta.myshopify.com/account/register