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.
COLORS
ci1
#1e1e1e
#3c3c3c
#595959
#808080
#c7c7c7
#e7e7e7
#f8f8f8
ci2
#8e8e8e
#8e8e8e
#e20b2d
#ff0f35
#8e8e8e
#8e8e8e
#8e8e8e
ci3
#8e8e8e
#8e8e8e
#8e8e8e
#46b534
#8e8e8e
#8e8e8e
#8e8e8e
Headline Style 1

Headline demo text

min-font-size: 2rem, max-font-size: 3.2rem, font-weight: 600, line-height: 1.1
Headline Style 2

Headline demo text

min-font-size: 1.6rem, max-font-size: 2.4rem, font-weight: 600, line-height: 1.5
Headline Style 3

Headline demo text

min-font-size: 1.6rem, max-font-size: 2.2rem, font-weight: 600, line-height: 1.1
Headline Style 4

Headline demo text

min-font-size: 1.2rem, max-font-size: 2rem, font-weight: 600, line-height: 1.1
Headline Style 5
Headline demo text
min-font-size: 1.6rem, max-font-size: 1.8rem, font-weight: 600, line-height: 1.1
Headline Style 6
Headline demo text
min-font-size: 1.2rem, max-font-size: 1.4rem, font-weight: 400, line-height: 1.1
Headline Style 7
Headline demo text
min-font-size: 3rem, max-font-size: 3rem, font-weight: 900, line-height: 1.1
Headline Style 8
Headline demo text
min-font-size: 3rem, max-font-size: 3rem, font-weight: 900, line-height: 1.1
Headline Style 9
Headline demo text
min-font-size: 3rem, max-font-size: 3rem, font-weight: 700, line-height: 1.1
Headline Style 10
Headline demo text
min-font-size: 1.2rem, max-font-size: 1.4rem, font-weight: 400, 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.

min-font-size: 1.3rem, max-font-size: 1.6rem, font-weight: 400, line-height: 1.6
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.

min-font-size: 1.4rem, max-font-size: 1.4rem, font-weight: 400, line-height: 1.6
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.

min-font-size: 1.3rem, max-font-size: 1.3rem, font-weight: 400, 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.

min-font-size: 1.3rem, max-font-size: 1.3rem, 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.

min-font-size: 2rem, max-font-size: 2rem, 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.

min-font-size: 2rem, max-font-size: 2rem, 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
Icons
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.