Style Tile
Logo
Menu
Color Palette
- #C91017
- #1017C9
- #000000
- #E6E6E8
- #ffffff
Buttons
Typography and Links
Pair 1 (Playfair Display and Lato)
Desktop View
I am H1
Font: Playfair Display/61px/ #
I am H2
Font: Playfair Display/49px/ #
I am H3
Font: Playfair Display/39px/ #
I am H4
Font: Playfair Display/31px/ #
I am H5
Font: Playfair Display/25px/ #
I am H6
Font: Playfair Display/22px/ #
Large Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 19 px / Body line height _ / #
Body Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 20 px / Body line height _ / #
Body Txt Small:
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 14 px / Body line height _ / #
Shop Page
Thumbnail Title
font size: 36px
Price
font size: 36px
color: #C91017
Mobile View
I am H1
Font: Playfair Display/41px/ #
I am H2
Font: Playfair Display/34px/ #
I am H3
Font: Playfair Display/24px/ #
I am H4
Font: Playfair Display/18px/ #
Large Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 18 px / Body line height _ / #
Body Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 16 px / Body line height _ / #
Body Txt Small:
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Lato / 13 px / Body line height _ / #
Pair 2 (EB Garamond and Poppins)
Desktop View
I am H1
Font: EB Garamond/80px/ #
I am H2
Font: EB Garamond/60px/ #
I am H3
Font: EB Garamond/49px/ #
I am H4
Font: EB Garamond/34px/ #
I am H5
Font: EB Garamond/27px/ #
I am H6
Font: EB Garamond/24px/ #
Large Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 19 px / Body line height _ / #
Body Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 20 px / Body line height _ / #
Body Txt Small:
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 13 px / Body line height _ / #
Mobile View
I am H1
Font: EB Garamond/41px/ #
I am H2
Font: EB Garamond/34px/ #
I am H3
Font: EB Garamond/24px/ #
I am H4
Font: EB Garamond/18px/ #
Large Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 18 px / Body line height _ / #
Body Txt :
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 16 px / Body line height _ / #
Body Txt Small:
This is some paragraph text styling. Showing you what the body text will look like on your website. Let’s throw in some lorem ipsum love. this is a link.
Font: Poppins / 13 px / Body line height _ / #