This page serves as a style guide for your Button, Headline and Text Styles. The styles can be configured under Online Store → Customize → Theme Settings.
Headline Style 1

Headline demo text

font-size: 5.2em, font-weight: 200, line-height: 1.1
Headline Style 2

Headline demo text

font-size: 4.2em, font-weight: 300, line-height: 1.1
Headline Style 3

Headline demo text

font-size: 3.8em, font-weight: 300, line-height: 1.1
Headline Style 4

Headline demo text

font-size: 3em, font-weight: 300, line-height: 1.1
Headline Style 5
Headline demo text
font-size: 2.8em, font-weight: 300, line-height: 1.1
Headline Style 6
Headline demo text
font-size: 1.6em, font-weight: 400, line-height: 1.1
Headline Style 7
Headline demo text
font-size: 1.5em, font-weight: 600, line-height: 1.1
Headline Style 8
Headline demo text
font-size: 2em, font-weight: 600, line-height: 1.1
Headline Style 9
Headline demo text
font-size: 1.8em, font-weight: 400, line-height: 1.1
Headline Style 10
Headline demo text
font-size: 2.5em, font-weight: 300, line-height: 1.1
Text Style 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 2.4em, font-weight: 300, line-height: 1.5
Text Style 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 2.2em, font-weight: 300, line-height: 1.5
Text Style 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 1.9em, font-weight: 300, line-height: 1.5
Text Style 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 1.5em, font-weight: 400, line-height: 1.5
Text Style 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 2em, font-weight: 400, line-height: 1.5
Text Style 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, similique, non voluptates pariatur assumenda amet cumque sit et vel officiis voluptate totam quis est deserunt veniam! Consectetur dolorem nihil totam.

font-size: 2em, font-weight: 400, line-height: 1.5
Button Style 1
Button Style 2
Button Style 3
Button Style 4
Button Style 5
Button Style 6
Button Style 7
Button Style 8
Button Style 9
Button Style 10