As one of the most defining brands of the last decade, Glossier has built a new kind of people-first, digital-centric beauty experience. With a passionate global community that is just as eager to visit a Glossier store, as they are to sport one of the brand’s pink hoodies, Glossier creates experiences that invite participation and foster connection. Ali Weiss, Glossier’s chief marketing officer, shared the company’s unique approach to creating omnichannel experiences and touchpoints that span product, offline and digital at Adweek’s Social Media Week.
.font-primary { } .font-secondary { } #meter-count { position: fixed; z-index: 9999999; bottom: 0; width:96%; margin: 2%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0px 15px 4px rgba(0,0,0,.2); box-shadow:0 0px 15px 4px rgba(0,0,0,.2); padding: 15px 0; color:#fff; background-color: #121212; } #meter-count .icon { height: 36px; width: auto; margin-top: -5px; opacity:.8; } #meter-count .buttons { text-align:right; margin-right:10px; } #meter-count .btn-subscribe { font-size:14px; font-weight:bold; padding:7px 18px; color: #fff; background-color: #E50000; border:none; text-transform: capitalize; } #meter-count .btn-subscribe:hover { color: #fff; opacity:.8; } #meter-count .btn-signin { font-size:14px; font-weight:bold; padding:7px 14px; color: #fff; background-color: #121212; border:none; text-transform: capitalize; } #meter-count .btn-signin:hover { color: #fff; opacity:.8; } #meter-count h3 { margin:0; padding:0; font-size:16px; line-height:1.5; font-weight:700; margin: 0!important; padding: 0!important; } #meter-count h3 span { color:#E50000!important; font-weight:900; } #meter-count p { font-size:12px; font-weight:500; line-height:1.5; color:#eee!important; margin: 0!important; padding: 0!important; } #meter-count .close { display:block; position:absolute; top: 3px; right:4px; z-index: 999999; } #meter-count .close svg { display:block; color:#fff; height:20px; cursor:pointer; } #meter-count .close:hover svg { color:#E50000; } #meter-count .fw-600 { font-weight:600; } @media (max-width: 1079px) { #meter-count .icon { margin:0; padding:0; display:none; } } @media (max-width: 768px) { #meter-count { margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width:100%; -webkit-box-shadow: 0 -8px 10px -4px rgba(0,0,0,0.3); box-shadow: 0 -8px 10px -4px rgba(0,0,0,0.3); } #meter-count .icon { margin:0; padding:0; display:none; } #meter-count h3 { color:#fff!important; font-size:14px; } #meter-count p { color:#fff!important; font-size: 12px; font-weight: 500; } #meter-count .buttons { margin-top:5px; } #meter-count .btn-subscribe, #meter-count .btn-signin { font-size:12px; padding:7px 12px; } #meter-count .btn-signin { display:none; } #meter-count .close svg { height:14px; } }
Enjoying your content. You Have 1 Free Article Left.
Register to continue reading!
