Expand All / Close All
System Snippets
Include at the top of liquid files

limited-header – minimal header without navigation links. Example: https://closet.gwynniebee.com/pages/trio
<!-- limited-header start -->
{% include 'limited-header' %}
<!-- limited-header end -->
purple-modal - opens a full screen modal when buttons are clicked. Example: https://closet.gwynniebee.com/pages/trio
<!-- purple-modal start -->
{% include 'purple-modal-complete' %}
<!-- purple-modal end -->
Fonts
zahrah-regular
The quick brown fox jumps over the lazy dog
zahrah-semibolditalic
The quick brown fox jumps over the lazy dog
proxima-light
The quick brown fox jumps over the lazy dog
proxima-regular
The quick brown fox jumps over the lazy dog
proxima-semibold
The quick brown fox jumps over the lazy dog
proxima-bold
The quick brown fox jumps over the lazy dog
Text Color
c-ffffff
c-000000
c-f5f5f5
c-e6e6e6
c-b1b1b1
c-8e8e8e
c-823696
c-592c82
Text Shadow
shadow-000000
shadow-ffffff
Background Images
bi
The quick brown fox jumps over the lazy dog
background-position:100% 50%;
background-size: cover;
bi bp5050
The quick brown fox jumps over the lazy dog
background-position:50% 50%;
background-size: cover;
bi contain
The quick brown fox jumps over the lazy dog
background-position:50% 50%;
background-size: contain;
H Tags

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline
H Tags with H Class

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline
P Tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris maximus nunc in felis pellentesque commodo. In metus odio, molestie et ligula vel, egestas varius odio. Suspendisse potenti. Donec tempor auctor lacus, eu sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam vel est sem. Nulla consectetur enim massa, at dignissim sapien rhoncus semper. Vestibulum iaculis ligula a porttitor finibus. Vestibulum auctor, augue vitae volutpat varius, quam libero maximus nisi, at aliquet diam ex a lectus. Pellentesque quis dignissim nibh, luctus sodales justo.

Curabitur porttitor dui in sapien vestibulum, nec porta erat cursus. Mauris non sodales libero. Praesent ut libero risus. Maecenas rhoncus, diam vitae sollicitudin malesuada, massa turpis rutrum odio, eget maximus ex nisi nec elit. Cras eget nisi sed orci eleifend maximus id at mauris. Fusce eu metus dictum, lacinia lorem nec, sagittis nisi. Maecenas cursus rutrum egestas. In fermentum nunc nulla, at volutpat metus sodales id. Cras sed massa est. Duis accumsan malesuada nisl, vel rhoncus massa dapibus vel. Nullam condimentum varius finibus. Pellentesque eleifend varius lectus, in sagittis lectus faucibus sit amet.

Curabitur sodales diam ex, quis aliquet dolor egestas eu. Morbi vitae lacus enim. Maecenas vitae augue congue, sollicitudin elit hendrerit, gravida dui. Sed scelerisque lorem vel ipsum finibus molestie. Ut elementum, lectus a convallis blandit, sapien elit dapibus purus, eget vestibulum mi purus ac lorem. Quisque eu lorem eros. Integer vel elit nisl. Aliquam odio sem, viverra rhoncus scelerisque lobortis, fringilla eget augue. Maecenas consequat sed massa quis vestibulum. Morbi venenatis, nisi in vestibulum aliquet, quam diam eleifend tellus, ut accumsan ante libero ut libero. Maecenas ultricies sapien a vulputate pretium.

Buttons
Table
This is a test of using table-cell to verically center copy
Try Now
Background Color
bc-f5f5f5
bc-e6e6e6
bc-b1b1b1
bc-8e8e8e
bc-823696
bc-592c82
bc-000000
bc-ffffff
Letter Spacing
ls--80
The quick brown fox jumps over the lazy dog
ls--60
The quick brown fox jumps over the lazy dog
ls--40
The quick brown fox jumps over the lazy dog
ls--20
The quick brown fox jumps over the lazy dog
ls-0
The quick brown fox jumps over the lazy dog
ls-20
The quick brown fox jumps over the lazy dog
ls-40
The quick brown fox jumps over the lazy dog
ls-60
The quick brown fox jumps over the lazy dog
ls-80
The quick brown fox jumps over the lazy dog
ls-100
The quick brown fox jumps over the lazy dog
ls-120
The quick brown fox jumps over the lazy dog
ls-140
The quick brown fox jumps over the lazy dog
ls-160
The quick brown fox jumps over the lazy dog
ls-180
The quick brown fox jumps over the lazy dog
ls-200
The quick brown fox jumps over the lazy dog
ls-220
The quick brown fox jumps over the lazy dog
ls-240
The quick brown fox jumps over the lazy dog
ls-260
The quick brown fox jumps over the lazy dog
ls-280
The quick brown fox jumps over the lazy dog
ls-300
The quick brown fox jumps over the lazy dog
Font Size
fs-70
The quick brown fox jumps over the lazy dog
fs-69
The quick brown fox jumps over the lazy dog
fs-68
The quick brown fox jumps over the lazy dog
fs-67
The quick brown fox jumps over the lazy dog
fs-66
The quick brown fox jumps over the lazy dog
fs-65
The quick brown fox jumps over the lazy dog
fs-64
The quick brown fox jumps over the lazy dog
fs-63
The quick brown fox jumps over the lazy dog
fs-62
The quick brown fox jumps over the lazy dog
fs-61
The quick brown fox jumps over the lazy dog
fs-60
The quick brown fox jumps over the lazy dog
fs-59
The quick brown fox jumps over the lazy dog
fs-58
The quick brown fox jumps over the lazy dog
fs-57
The quick brown fox jumps over the lazy dog
fs-56
The quick brown fox jumps over the lazy dog
fs-55
The quick brown fox jumps over the lazy dog
fs-54
The quick brown fox jumps over the lazy dog
fs-53
The quick brown fox jumps over the lazy dog
fs-52
The quick brown fox jumps over the lazy dog
fs-51
The quick brown fox jumps over the lazy dog
fs-50
The quick brown fox jumps over the lazy dog
fs-49
The quick brown fox jumps over the lazy dog
fs-48
The quick brown fox jumps over the lazy dog
fs-47
The quick brown fox jumps over the lazy dog
fs-46
The quick brown fox jumps over the lazy dog
fs-45
The quick brown fox jumps over the lazy dog
fs-44
The quick brown fox jumps over the lazy dog
fs-43
The quick brown fox jumps over the lazy dog
fs-42
The quick brown fox jumps over the lazy dog
fs-41
The quick brown fox jumps over the lazy dog
fs-40
The quick brown fox jumps over the lazy dog
fs-39
The quick brown fox jumps over the lazy dog
fs-38
The quick brown fox jumps over the lazy dog
fs-37
The quick brown fox jumps over the lazy dog
fs-36
The quick brown fox jumps over the lazy dog
fs-35
The quick brown fox jumps over the lazy dog
fs-34
The quick brown fox jumps over the lazy dog
fs-33
The quick brown fox jumps over the lazy dog
fs-32
The quick brown fox jumps over the lazy dog
fs-31
The quick brown fox jumps over the lazy dog
fs-30
The quick brown fox jumps over the lazy dog
fs-29
The quick brown fox jumps over the lazy dog
fs-28
The quick brown fox jumps over the lazy dog
fs-27
The quick brown fox jumps over the lazy dog
fs-26
The quick brown fox jumps over the lazy dog
fs-25
The quick brown fox jumps over the lazy dog
fs-24
The quick brown fox jumps over the lazy dog
fs-23
The quick brown fox jumps over the lazy dog
fs-22
The quick brown fox jumps over the lazy dog
fs-21
The quick brown fox jumps over the lazy dog
fs-20
The quick brown fox jumps over the lazy dog
fs-19
The quick brown fox jumps over the lazy dog
fs-18
The quick brown fox jumps over the lazy dog
fs-17
The quick brown fox jumps over the lazy dog
fs-16
The quick brown fox jumps over the lazy dog
fs-15
The quick brown fox jumps over the lazy dog
fs-14
The quick brown fox jumps over the lazy dog
fs-13
The quick brown fox jumps over the lazy dog
fs-12
The quick brown fox jumps over the lazy dog
fs-11
The quick brown fox jumps over the lazy dog
fs-10
The quick brown fox jumps over the lazy dog
fs-9
The quick brown fox jumps over the lazy dog
fs-8
The quick brown fox jumps over the lazy dog
fs-7
The quick brown fox jumps over the lazy dog
fs-6
The quick brown fox jumps over the lazy dog
fs-5
The quick brown fox jumps over the lazy dog
fs-4
The quick brown fox jumps over the lazy dog
fs-3
The quick brown fox jumps over the lazy dog
fs-2
The quick brown fox jumps over the lazy dog
fs-1
The quick brown fox jumps over the lazy dog
Margin
top / bottom
m-tb-0-25
m-tb-0-5
m-tb-1
m-tb-1-5
m-tb-2
left / right
m-lr-0-25
m-lr-5
m-lr-1
m-lr-1-5
m-lr-2
overrides
normal
no margin top: mt0
no margin right: mr0
no margin bottom: mb0
no margin left: ml0
Padding
top / bottom
p-tb-0-25
p-tb-0-5
p-tb-1
p-tb-1-5
p-tb-2
left / right
p-lr-0-25
p-lr-0-5
p-lr-1
p-lr-1-5
p-lr-2
overrides
normal
no padding top: pt0
no padding right: pr0
no padding bottom: pb0
no padding left: pl0
Unordered List, Ordered List
  • Develop performance marketing strategies across social channels (Facebook, Instagram, Pinterest etc.) and search channels (Google, Yahoo, Bing). Prioritize initiatives based on projected ROI
  • Generate monthly budget and subscriber forecasts and determine optimum allocation mix for budget. Lead team of 4 marketers in day-to-day operations and execution of the marketing strategy
  • Refine messaging strategy and audience segmentation to increase subscriber growth and deliver the right message to the right customer at the right time
  1. Own end-to-end consistency of messaging from ad to landing page
  2. Deliver insightful updates on channel performance
  3. Mentor junior marketers and help them grow in their personal careers
  4. Partner with creative teams and upper funnel marketing teams to ensure messaging consistency across all channels as well as brand policy conformity
  5. Partner with Analytics team to continually refine your understanding of channel performance
Landing Page Color Tool
primary color: #b41a8a, secondary color: #a2b41a
@include lp-colors-0000(primary,#b41a8a,#fff);//name(primary,secondary),color value,text color
@include lp-colors-0000(secondary,#a2b41a,#fff);//name(primary,secondary),color value,text color
bc-primary
c-primary
bc-secondary
c-secondary
Misc. Utility
Misc. .normal { font-weight: normal; }

.caps { text-transform: uppercase; }

.inline { display: inline; }

.block { display: block; }

.i-block { display: inline-block; }

.hide { display: none; }