Glossy+ Membership | Glossy /* Reset & Base Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { /* Colors */ –primary-red: #c5372c; –dark-text: #1a1a1a; –gray-text: #666; –light-gray: #f5f5f5; –border-gray: #e0e0e0; –white: #ffffff; /* Typography */ –font-display: ‘Playfair Display’, serif; –font-body: ‘Crimson Text’, serif; –font-sans: ‘Lato’, sans-serif; /* Spacing */ –container-width: 1200px; –section-padding: 80px 20px; } body { font-family: var(–font-body); color: var(–dark-text); line-height: 1.7; font-size: 16px; background: var(–white); } .container { max-width: var(–container-width); margin: 0 auto; padding: 0 20px; } /* Header */ .header { border-bottom: 1px solid var(–border-gray); position: sticky; top: 0; background: var(–white); z-index: 100; } .header-top { display: flex; justify-content: space-between; align-items: center; padding: 15px 40px; border-bottom: 1px solid var(–border-gray); } .social-links { display: flex; gap: 15px; } .social-links a { color: var(–dark-text); text-decoration: none; font-size: 14px; font-family: var(–font-sans); transition: color 0.3s ease; } .social-links a:hover { color: var(–primary-red); } .logo h1 { font-family: var(–font-sans); font-weight: 700; font-size: 32px; letter-spacing: 8px; text-align: center; } .header-actions { display: flex; gap: 15px; } .subscribe-btn, .login-btn { font-family: var(–font-sans); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; padding: 8px 20px; border: none; background: none; cursor: pointer; transition: all 0.3s ease; } .subscribe-btn { background: var(–primary-red); color: var(–white); } .subscribe-btn:hover { background: #a02d23; } .login-btn { border: 1px solid var(–dark-text); } .login-btn:hover { background: var(–dark-text); color: var(–white); } .header-notice { background: var(–light-gray); padding: 12px 40px; text-align: center; font-family: var(–font-sans); font-size: 13px; line-height: 1.6; } .header-notice strong { font-weight: 700; } .main-nav { display: flex; justify-content: center; gap: 40px; padding: 20px 40px; } .main-nav a { font-family: var(–font-sans); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-decoration: none; color: var(–dark-text); transition: color 0.3s ease; position: relative; } .main-nav a:hover, .main-nav a.active { color: var(–primary-red); } .main-nav a.active::after { content: ”; position: absolute; bottom: -20px; left: 0; right: 0; height: 2px; background: var(–primary-red); } /* Hero Section */ .hero { padding: var(–section-padding); text-align: center; } .hero-subtitle { font-family: var(–font-sans); font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(–gray-text); margin-bottom: 25px; } .hero-title { font-family: var(–font-display); font-size: 52px; font-weight: 600; line-height: 1.3; margin-bottom: 60px; max-width: 900px; margin-left: auto; margin-right: auto; } .hero-title em { font-style: italic; font-weight: 400; } /* Pricing Cards */ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto 30px; } .pricing-card { border: 2px solid var(–border-gray); padding: 40px 30px; position: relative; background: var(–white); transition: all 0.3s ease; } .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .pricing-card.featured { border-color: var(–primary-red); background: var(–white); } .badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(–dark-text); color: var(–white); font-family: var(–font-sans); font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 6px 20px; } .badge.popular { background: var(–primary-red); } .pricing-card h3 { font-family: var(–font-sans); font-size: 18px; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; } .plan-subtitle { font-family: var(–font-body); font-size: 14px; color: var(–gray-text); margin-bottom: 25px; line-height: 1.6; } .price { font-family: var(–font-display); font-size: 48px; font-weight: 600; margin-bottom: 10px; } .price-detail { font-family: var(–font-sans); font-size: 13px; color: var(–gray-text); margin-bottom: 30px; } .btn { font-family: var(–font-sans); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; padding: 14px 40px; border: none; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; width: 100%; } .btn-outline { background: transparent; border: 2px solid var(–dark-text); color: var(–dark-text); } .btn-outline:hover { background: var(–dark-text); color: var(–white); } .btn-primary { background: var(–primary-red); color: var(–white); border: 2px solid var(–primary-red); } .btn-primary:hover { background: #a02d23; border-color: #a02d23; } .trial-notice { font-family: var(–font-sans); font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(–gray-text); margin-top: 20px; } /* Benefits Section */ .benefits { padding: var(–section-padding); background: var(–light-gray); } .section-title { font-family: var(–font-display); font-size: 42px; font-weight: 600; text-align: center; margin-bottom: 60px; line-height: 1.4; } .section-title em { font-style: italic; font-weight: 400; } .benefit-item { max-width: 800px; margin: 0 auto; } .benefit-item > h3 { font-family: var(–font-sans); font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(–primary-red); margin-bottom: 40px; text-align: center; } .benefit-detail { margin-bottom: 40px; display: flex; gap: 20px; align-items: flex-start; } .benefit-detail .icon { font-size: 24px; flex-shrink: 0; } .benefit-detail h4 { font-family: var(–font-sans); font-size: 16px; font-weight: 700; margin-bottom: 10px; line-height: 1.5; } .benefit-detail p { font-size: 15px; color: var(–gray-text); line-height: 1.7; } /* Trending Section */ .trending { padding: var(–section-padding); } .trending-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1100px; margin: 0 auto; } .trending-card { text-decoration: none; color: var(–dark-text); transition: transform 0.3s ease; } .trending-card:hover { transform: translateY(-5px); } .trending-card img { width: 100%; height: 280px; object-fit: cover; margin-bottom: 20px; } .trending-card h3 { font-family: var(–font-body); font-size: 20px; font-weight: 600; line-height: 1.4; margin-bottom: 12px; } .trending-card p { font-size: 15px; color: var(–gray-text); line-height: 1.6; } /* Newsroom Section */ .newsroom { padding: var(–section-padding); background: var(–light-gray); } .newsroom-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; max-width: 1100px; margin: 0 auto; } .profile-card { text-align: center; } .profile-card img { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; margin: 0 auto 25px; display: block; } .profile-card h3 { font-family: var(–font-sans); font-size: 18px; font-weight: 700; margin-bottom: 8px; } .profile-card .role { font-family: var(–font-sans); font-size: 13px; font-weight: 700; letter-spacing: 1px; color: var(–primary-red); text-transform: uppercase; margin-bottom: 15px; } .profile-card .bio { font-size: 14px; color: var(–gray-text); line-height: 1.7; } /* Testimonials Section */ .testimonials { padding: var(–section-padding); } .testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; max-width: 1100px; margin: 0 auto; } .testimonial { border: none; padding: 0; } .testimonial p { font-family: var(–font-body); font-size: 18px; line-height: 1.8; margin-bottom: 25px; font-style: italic; } .testimonial cite { font-family: var(–font-sans); font-size: 13px; font-style: normal; display: block; line-height: 1.6; } .testimonial cite strong { font-weight: 700; display: block; margin-bottom: 3px; } /* FAQ Section */ .faq { padding: var(–section-padding); background: var(–light-gray); } .faq-list { max-width: 900px; margin: 0 auto; } .faq-item { background: var(–white); border: 1px solid var(–border-gray); margin-bottom: 15px; padding: 0; } .faq-item summary { font-family: var(–font-sans); font-size: 16px; font-weight: 700; padding: 25px 30px; cursor: pointer; list-style: none; position: relative; transition: background 0.3s ease; } .faq-item summary:hover { background: var(–light-gray); } .faq-item summary::after { content: ‘+’; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; transition: transform 0.3s ease; } .faq-item[open] summary::after { content: ‘−’; } .faq-item p, .faq-item ul { padding: 0 30px 25px; font-size: 15px; line-height: 1.7; color: var(–gray-text); } .faq-item ul { list-style: none; padding-left: 50px; } .faq-item ul li { position: relative; margin-bottom: 10px; } .faq-item ul li::before { content: ‘•’; position: absolute; left: -20px; color: var(–primary-red); } /* Footer */ .footer { background: var(–dark-text); color: var(–white); padding: 60px 40px 30px; } .footer-content { display: grid; grid-template-columns: 2fr 1fr; gap: 80px; margin-bottom: 50px; max-width: var(–container-width); margin-left: auto; margin-right: auto; } .footer-brand h3 { font-family: var(–font-sans); font-size: 24px; font-weight: 700; letter-spacing: 3px; margin-bottom: 20px; } .footer-brand p { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.8); margin-bottom: 25px; } .newsletter-form { display: flex; margin-bottom: 15px; } .newsletter-form input { flex: 1; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, 0.3); background: transparent; color: var(–white); font-family: var(–font-sans); font-size: 14px; } .newsletter-form input::placeholder { color: rgba(255, 255, 255, 0.5); } .newsletter-form button { background: var(–primary-red); color: var(–white); border: none; padding: 15px 30px; font-size: 20px; cursor: pointer; transition: background 0.3s ease; } .newsletter-form button:hover { background: #a02d23; } .privacy-note { font-size: 12px; color: rgba(255, 255, 255, 0.6); } .footer-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; } .footer-column h4 { font-family: var(–font-sans); font-size: 14px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 20px; text-transform: uppercase; } .footer-column ul { list-style: none; } .footer-column ul li { margin-bottom: 12px; } .footer-column ul li a { color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease; } .footer-column ul li a:hover { color: var(–white); } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); max-width: var(–container-width); margin: 0 auto; } .footer-bottom p { font-family: var(–font-sans); font-size: 12px; color: rgba(255, 255, 255, 0.6); } /* Responsive Design */ @media (max-width: 1024px) { .pricing-grid, .trending-grid, .newsroom-grid { grid-template-columns: repeat(2, 1fr); } .footer-content { grid-template-columns: 1fr; gap: 40px; } } @media (max-width: 768px) { .hero-title { font-size: 36px; } .section-title { font-size: 32px; } .pricing-grid, .trending-grid, .newsroom-grid, .testimonials-grid { grid-template-columns: 1fr; } .main-nav { flex-wrap: wrap; gap: 20px; } .header-top { flex-direction: column; gap: 15px; } .footer-links { grid-template-columns: 1fr; } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .pricing-card, .trending-card, .profile-card, .testimonial { animation: fadeInUp 0.6s ease-out backwards; } .pricing-card:nth-child(1) { animation-delay: 0.1s; } .pricing-card:nth-child(2) { animation-delay: 0.2s; } .pricing-card:nth-child(3) { animation-delay: 0.3s; } .trending-card:nth-child(1) { animation-delay: 0.1s; } .trending-card:nth-child(2) { animation-delay: 0.2s; } .trending-card:nth-child(3) { animation-delay: 0.3s; }

GLOSSY+ is an exclusive tier with more Glossy. It’s monetarily supported. Learn it. Love it. | Support us!

DISCOVER, UNDERSTAND, AND ACT ON COMMERCE

GLOSSY+ DELIVERS THE INTEL YOU NEED TO LEAD IN
beauty and FASHION

SAVE

Yearly

Newsletters
+ more

$600

$50/month, Annually

SAVE

Trial

7-day free
trial period

$849

$0/month for 7 days

START 7-DAY FREE TRIAL

Glossy+ members have access to:

BENEFITS

Access all that’s to know to do the Glossy Daily newsletter

Access all information for the Glossy community with the information they need to stay ahead.

Weekly in-depth briefings delivered to your inbox

Deep dives on the most impactful trends including those delivered via our Glossy+ weekly newsletter.

The Week Ahead Newsletter

Each week you receive the events of the week delivered on the weekend with everything you need.

Member-exclusive research and reports

Exclusive annual and in-depth reports featuring market research studies, benchmark reports and more.

The Annual Beauty Retailer Report

Annual deep dive on the state of beauty in retail via Glossy’s annual research via our proprietary surveys.

🎯

Access to retail events & compelling casual research reports

Glossy is the leading beauty editor with insights from all of the industry’s greatest conversations.

📊

Quarterly, in-person executive dinner series

Intimate Glossy executive dinners plus after-parties where leaders in beauty and more all gather.

🎙️

The Beauty Podcast

Weekly episodes that features relevant context and information from the most influential experts in the industry.

💼

Executive Action Items

We break down the biggest trends, asking what beauty leaders must know in curated briefs.

📱

Unlimited access to Glossy’s premium coverage and insight

Stay up to date with Glossy stories that will drive change.

The newsroom you’ll have access to:

Jill Manoff

Jill Manoff

Editor-in-Chief

Jill Manoff is the editor-in-chief of Glossy. She previously served as the beauty director at Allure and deputy beauty director at Women’s Health and covered beauty for Refinery29.

Lacy Luebke

Lacy Luebke

Senior Reporter, Commerce

Lacy Luebke has been a reporter covering the commerce beat of beauty, fashion and the broader topics of Digiday Media from North Carolina.

Danny Parisi

Danny Parisi

Senior Fashion Reporter

Danny has been a reporter covering the fashion and beauty communities and previously wrote for Glossy Plus prior to this shift for the broader publication.

What Glossy+ members are saying:

“Glossy’s content, community, and newsletters allow me to keep abreast of important topics – while staying authentic, relevant, and respected in the beauty/fashion industry. It’s the only must-read for this industry professional.”

Ali Bonar
Vice President, L’Oréal USA

“What’s great for us in doing other things is there’s not really any way the things we do can surprise us from a beauty and fashion. The newsletters we’ve grown to love maintain the strong standards in beauty. It also allows us to provide feedback directly without barriers, which is invaluable. As someone who works this deep, I find it worth doing.”

Melissa Butler
Founder, The Lip Bar

FAQ’s

How do I compute about a corporate group membership?

We offer special pricing for corporate groups. Please contact our sales team at corporate@glossy.co for more information about group rates and custom packages.

What functions and newsletters will I receive with a Glossy+ membership?

You’ll receive:

  • Week Ahead Newsletter, that covers the week ahead
  • Executive Action Items, bi-monthly member Monday newsletter
  • The Beauty Podcast
  • Exclusive research reports and annual beauty retailer studies
  • Access to member-only events and executive dinners
What is the difference between the three membership options?

All three tiers include the same great access to premium content, newsletters, events and research reports. The pricing varies:

  • Yearly: $600/year ($50/month) – Best value with annual commitment
  • Monthly: $65/month – Most flexible, cancel anytime
  • Trial: Free for 7 days, then standard pricing applies
Can I share my subscription?

Individual memberships are for single-user access only. For team access, please inquire about our corporate group memberships which offer better value for multiple users.

Where do I find upcoming member events?

All upcoming member events are posted in our member-exclusive Events section, and you’ll receive email notifications about executive dinners, roundtables and other gatherings.

What kind of research will I have access to?

Members get exclusive access to:

  • The Annual Beauty Retailer Report
  • Quarterly market research studies
  • Benchmark reports and trend analysis
  • Compelling casual research reports on retail events
Can I pause my subscription?

Yes, you can pause your subscription for up to 3 months. Contact our support team to arrange a temporary pause of your membership.

Do you offer student or non-profit memberships at a discounted rate?

Yes! We offer discounted rates for students and non-profit organizations. Please contact support@glossy.co with proof of status (student ID or non-profit documentation) to receive your special pricing.