WellBefore Masks Sample Packs

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); @keyframes qplrsheroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes qplrsfadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .qplrs-wrap { font-family: 'Inter Tight', -apple-system, sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; color: #111827; max-width: 960px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; --gold: #C2914A; --gold-light: #E0BA88; --gold-tint: #FBF5EC; --navy: #0f1629; --navy-mid: #161d2e; --cream: #FAF5EF; --ink: #111827; --ink-soft: #374151; --muted: #6B7280; --border: #E5E7EB; --white: #ffffff; } /* Hero */ .qplrs-hero { background: var(--navy); border-radius: 24px; padding: 56px 52px 0; position: relative; overflow: hidden; margin-bottom: 8px; animation: qplrsheroIn 0.6s ease-out both; } .qplrs-hero::before { content: ''; position: absolute; bottom: 0; right: -40px; width: 400px; height: 400px; background: var(--gold); border-radius: 50%; opacity: 0.08; filter: blur(80px); pointer-events: none; } .qplrs-hero-text { text-align: center; position: relative; z-index: 1; padding-bottom: 36px; } .qplrs-hero-overline { font-family: 'Inter Tight', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.32em; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; display: block; } .qplrs-hero h1 { font-family: 'Inter Tight', sans-serif !important; font-size: clamp(32px, 5.5vw, 58px) !important; font-weight: 800 !important; line-height: 1.0 !important; color: #ffffff; margin: 0 0 18px; text-transform: uppercase; letter-spacing: -0.03em; } .qplrs-hero h1 span { background: linear-gradient(95deg, var(--gold) 0%, var(--gold-light) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .qplrs-hero-sub { font-family: 'Inter Tight', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; color: rgba(255,255,255,0.50); max-width: 520px; margin: 0 auto 28px; } .qplrs-hero-badges { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .qplrs-hero-badge { font-family: 'Inter Tight', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.06em; padding: 7px 16px; border-radius: 100px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.80); display: inline-block; } .qplrs-hero-img { position: relative; z-index: 1; margin: 0 -52px; line-height: 0; } .qplrs-hero-img img { width: 100%; height: 340px; object-fit: cover; object-position: center top; display: block; border-radius: 0 0 20px 20px; } /* Metrics */ .qplrs-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 8px; animation: qplrsfadeUp 0.8s ease-out 0.1s both; } .qplrs-metric { padding: 36px 32px; border-radius: 16px; background: var(--cream); transition: transform 0.25s ease, box-shadow 0.25s ease; } .qplrs-metric:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.06); } .qplrs-metric.qplrs-pop { background: var(--navy); } .qplrs-metric-num { font-family: 'Inter Tight', sans-serif !important; font-size: 52px !important; font-weight: 800 !important; line-height: 1 !important; color: var(--ink); margin-bottom: 8px; display: block; letter-spacing: -0.04em; } .qplrs-metric.qplrs-pop .qplrs-metric-num { background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .qplrs-metric-label { font-family: 'Inter Tight', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted); display: block; } .qplrs-metric.qplrs-pop .qplrs-metric-label { color: rgba(255,255,255,0.45); } /* Feature cards */ .qplrs-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 48px; animation: qplrsfadeUp 0.8s ease-out 0.2s both; } .qplrs-card { background: var(--white); border: 1px solid var(--border); border-left: 4px solid var(--gold); border-radius: 12px; padding: 28px 24px; transition: transform 0.25s ease, box-shadow 0.25s ease; } .qplrs-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.07); } .qplrs-card-label { font-family: 'Inter Tight', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.18em; color: var(--gold); margin-bottom: 10px; display: block; } .qplrs-card h3 { font-family: 'Inter Tight', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; color: var(--ink); margin: 0 0 8px; } .qplrs-card p { font-family: 'Inter Tight', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.65 !important; color: var(--muted); margin: 0; } /* Split content */ .qplrs-split { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; margin-bottom: 8px; min-height: 420px; animation: qplrsfadeUp 0.8s ease-out 0.3s both; } .qplrs-split-img { overflow: hidden; background: var(--navy); } .qplrs-split-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; display: block; } .qplrs-split-img:hover img { transform: scale(1.03); } .qplrs-split-text { padding: 52px 44px; display: flex; flex-direction: column; justify-content: center; background: var(--cream); } .qplrs-split-text::before { content: ''; width: 48px; height: 4px; background: var(--gold); border-radius: 2px; margin-bottom: 24px; display: block; } .qplrs-split-text h3 { font-family: 'Inter Tight', sans-serif !important; font-size: 26px !important; font-weight: 800 !important; line-height: 1.1 !important; text-transform: uppercase; letter-spacing: -0.02em; color: var(--ink); margin: 0 0 12px; } .qplrs-split-text h3 span { color: var(--gold); } .qplrs-split-text p { font-family: 'Inter Tight', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; color: var(--muted); margin: 0 0 16px; } .qplrs-split-text ul { margin: 0; padding: 0; list-style: none; } .qplrs-split-text li { font-family: 'Inter Tight', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.5 !important; color: var(--ink-soft); padding: 6px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; } .qplrs-split-text li:last-child { border-bottom: none; } .qplrs-split-text li::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); flex-shrink: 0; } .qplrs-split.qplrs-flip .qplrs-split-img { order: -1; } /* Premium split (dark) */ .qplrs-split-text.qplrs-dark { background: var(--navy-mid); } .qplrs-split-text.qplrs-dark::before { background: linear-gradient(90deg, var(--gold), var(--gold-light)); } .qplrs-split-text.qplrs-dark h3 { color: #fff; } .qplrs-split-text.qplrs-dark h3 span { color: var(--gold-light); } .qplrs-split-text.qplrs-dark p { color: rgba(255,255,255,0.50); } .qplrs-split-text.qplrs-dark li { color: rgba(255,255,255,0.80); border-bottom-color: rgba(255,255,255,0.08); } .qplrs-split-text.qplrs-dark li::before { background: var(--gold); } /* Banner */ .qplrs-banner { background: var(--navy); border-radius: 20px; padding: 52px 48px; text-align: center; margin: 8px 0; animation: qplrsfadeUp 0.8s ease-out 0.4s both; position: relative; overflow: hidden; } .qplrs-banner::before { content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 400px; height: 200px; background: var(--gold); border-radius: 50%; opacity: 0.06; filter: blur(60px); pointer-events: none; } .qplrs-banner h2 { font-family: 'Inter Tight', sans-serif !important; font-size: clamp(22px, 3.5vw, 36px) !important; font-weight: 800 !important; line-height: 1.1 !important; color: var(--white); text-transform: uppercase; letter-spacing: -0.03em; margin: 0 0 12px; } .qplrs-banner h2 span { background: linear-gradient(95deg, var(--gold), var(--gold-light)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .qplrs-banner p { font-family: 'Inter Tight', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; color: rgba(255,255,255,0.50); margin: 0; } /* Image strip */ .qplrs-strip { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; border-radius: 16px; overflow: hidden; margin: 8px 0 48px; animation: qplrsfadeUp 0.8s ease-out 0.5s both; } .qplrs-strip-item { overflow: hidden; min-height: 260px; } .qplrs-strip-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: filter 0.3s ease; } .qplrs-strip-item:hover img { filter: brightness(1.05); } /* FAQ Accordion */ .qplrs-faq { margin-bottom: 48px; animation: qplrsfadeUp 0.8s ease-out 0.6s both; } .qplrs-faq-title { font-family: 'Inter Tight', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.22em; color: var(--gold); margin-bottom: 16px; display: block; } .qplrs-acc details { background: var(--navy-mid); border-radius: 12px; margin-bottom: 4px; overflow: hidden; } .qplrs-acc summary { font-family: 'Inter Tight', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; padding: 20px 24px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #ffffff; gap: 16px; } .qplrs-acc summary::-webkit-details-marker { display: none; } .qplrs-acc summary::after { content: '+'; font-family: 'Inter Tight', sans-serif !important; font-size: 20px !important; font-weight: 300 !important; color: var(--gold); flex-shrink: 0; } .qplrs-acc details[open] summary::after { content: '-'; } .qplrs-acc .qplrs-acc-body { padding: 0 24px 20px; font-family: 'Inter Tight', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; color: rgba(255,255,255,0.55); } /* Mobile */ @media (max-width: 680px) { .qplrs-hero { padding: 40px 24px 0; } .qplrs-hero-img { margin: 0 -24px; } .qplrs-hero-img img { height: 200px; } .qplrs-hero h1 { font-size: 30px !important; } .qplrs-metrics { grid-template-columns: 1fr 1fr; } .qplrs-metric { padding: 24px 20px; } .qplrs-metric-num { font-size: 40px !important; } .qplrs-cards { grid-template-columns: 1fr; } .qplrs-split { grid-template-columns: 1fr; min-height: unset; } .qplrs-split-img { min-height: 240px; } .qplrs-split.qplrs-flip .qplrs-split-img { order: -1; } .qplrs-split-text { padding: 36px 28px; } .qplrs-split-text::before { margin-bottom: 16px; } .qplrs-banner { padding: 36px 28px; } .qplrs-strip { grid-template-columns: 1fr; } .qplrs-strip-item { min-height: 200px; } } @media (prefers-reduced-motion: reduce) { .qplrs-wrap * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } WellBefore · Sample Packs FIND YOUR PERFECT MASK. FIRST TRY. 12 masks. 5 styles. One pack to find what fits before you commit to a full box. 12 Masks Included NIOSH Options 3 Sizes 2 Pack Options 12 Masks Per Pack 5+ Mask Styles 3 Size Options 2 Discovery Packs Premium Discovery Test the Ones That Actually Perform N95, N99, KN95 Breeze, 3D-Pro with headstrap, and top-selling styles - focused on protection level and fit across all three sizes. Color Discovery 12 Colors and Styles in One Pack Coral, denim, marble, lavender, silver, berry stripe - find the style that fits your face and your personality before buying a full box. NIOSH Options Federal Standards Where It Counts Both packs include at least one NIOSH-approved N95 respirator. Premium adds an N99 - the highest filtration level we carry. Size Coverage Small, Regular, and Large Represented Mask fit varies by style and face. Both packs cover multiple sizes so you can figure out what actually fits before you commit. PREMIUM DISCOVERY PACK The performance-first pack. Built for people who want to test the top-rated and clinical-grade styles before committing to a bulk order. N95 White + N95 Black (NIOSH WBN200) N99 White (NIOSH WBN900M) KN95 Breeze - Denim 3D-Pro Adjustable Headstrap - Marble 3D-Pro Black + 3D Black (top-10 sellers) KN95 Regular White + KN95 Adjustable Earloop White 3D Green + 3D-Pro Denim Small + 3D Black Large COLOR DISCOVERY PACK The style-first pack. Twelve different colors and patterns so you can find what feels like yours - without sacrificing filtration. N95 White (NIOSH WBN200) 3D Coral + 3D Denim + 3D Marble + 3D Silver 3D Pink Small + 3D Petite Blue 3D-Pro Berry Stripe + 3D-Pro Lavender KN95 Regular White Small KN95 Adjustable Earloop Denim Small KN95 Adjustable Earloop Black Regular Never Buy the Wrong Mask Again. Test 12 styles across 5 mask types, 3 sizes, and every protection level - then order full boxes of exactly what works. Common Questions What is the difference between the Premium and Color Discovery packs? Premium Discovery is the performance-first pack. It includes NIOSH-approved N95 and N99 respirators, the KN95 Breeze cup-style, the 3D-Pro with adjustable headstrap, and our top-10 best-selling styles - focused on protection level and fit across all three sizes. Color Discovery is the style-first pack. It still includes an N95, but the emphasis is on variety of colors and patterns so you can find what fits your face and your personality. If protection levels and clinical-grade options are your priority, start with Premium. If you want to explore styles across multiple colors, start with Color. Are any masks in these packs NIOSH approved? Yes. The Premium Discovery Pack includes two NIOSH-approved N95 respirators (WBN200 in white and black) and our NIOSH-approved N99 (WBN900M) - the highest filtration level we carry. The Color Discovery Pack includes the WBN200 white N95. All KN95 and 3D-series masks in both packs meet KN95 GB2626 filtration standards. Can I order individual masks after I find my favorites? That is the whole point. Once you identify which style, size, and mask type works best for you, every mask in these packs is available individually in boxes of 20 or more. The sample pack removes the risk of committing to a box of masks that end up sitting unused because the fit or style was wrong. Do both packs include multiple sizes? Yes. Both packs include masks across more than one size so you can figure out whether Small, Regular, or Large fits you best. The Premium Pack includes Regular, Large, and Small variants across different styles. The Color Pack includes Regular and Small options. Sizing varies by mask type since different styles fit differently even at the same labeled size. What mask styles are included across both packs? Between both packs you get exposure to: N95 flat fold (NIOSH WBN200), N99 (NIOSH WBN900M), KN95 Breeze cup-style, KN95 flat fold with adjustable earloop, KN95 regular with standard earloop, 3D bird-beak with adjustable loops, 3D-Pro premium fit with adjustable loops or adjustable headstrap, and Petite-sized options. That covers the full range of styles and protection levels WellBefore carries. How is this different from just buying individual masks separately? Individual masks are sold in boxes of 20 or more. If you try a style and it does not fit, you are stuck with 19 masks that are uncomfortable to wear. The sample pack costs less than one box and lets you test 12 different options. Your next purchase - whether it is a box of N95s or a case of 3D-Pros - will be one you actually use.