Global Navigation & Utility
- Header — Global navigation with logo, search, account, and cart.
- Stateful header — Header behavior changes by user/device/session state.
- Announcement bar — Top strip for promos, shipping, or alerts.
- Auto-apply promo strip — Header promo area communicating auto-applied discount incentives.
- USP strip — Short benefits row (shipping, returns, guarantee).
- Mega menu — Expanded nav with categories, promos, and images.
- Decision-tree mega menu — Hierarchical nav that routes by type/material/collection/occasion.
- Tiered category labels — High-level browse anchors like New, Featured, and Shop All.
- Flyout menu — Drawer-style navigation panel commonly used on mobile.
- Nested nav panel — Multi-level navigation inside a single menu system.
- Menu image tile — Visual category shortcut placed inside mega/flyout menus.
- Breadcrumbs — Location trail for page hierarchy.
- Search bar — Keyword input for catalog search.
- Account entry — Login and account access link.
- Logged-in greeting — Personalized account-state label for returning users.
- Mini cart — Slide-out cart summary.
- Utility rail — Persistent quick actions like search, wishlist, bag, and store locator.
- Support widget — Live chat or help CTA.
- Find a store CTA — Utility action linking to in-person store discovery.
- Language/currency switcher — Locale selection controls.
- Trust badges — Security, payments, or compliance marks.
- Toast notifications — Short messages for add-to-cart or errors.
- Skeleton states — Loading placeholders for async content.
- Focus trap — Accessibility behavior that keeps keyboard focus within active overlays.
Home & Landing Pages
- Hero banner — Primary headline, value prop, and CTA.
- Persona-led beauty hero — Beauty homepage hero pattern led by founder/creator aesthetic identity before technical product detail.
- Athlete-identity hero — Performance-first hero statement targeted to serious training users.
- Luxury promise hero — Hero framing that elevates a common category into a premium/lifestyle proposition.
- Health outcome hero — Outcome-led hero framing for health/wellness products before technical details.
- Goal-matched personalization framing — Home framing that positions product recommendations around individual goals and profile context.
- Ingredient-led hero — Hero framing that leads with ingredient/product identity and use context.
- Flavor-credibility hero — Hero framing that positions a flavor product as category-defining and worth immediate exploration.
- Hybrid-performance value framing — Hero/early-home framing that combines multiple functional benefits into one differentiated product thesis.
- Hero carousel — Rotating hero slides for multiple campaigns.
- Dual-track CTA module — Hero/feature module with one commerce CTA and one educational/story CTA.
- Dual-route hero — Hero module that supports two parallel conversion paths (personalized route vs direct shopping).
- Learn-shop intent splitter — Home routing pattern that separates learning and direct shopping flows.
- Multi-entry hero stack — Hero sequence with multiple conversion routes (in-stock, sale, category, collection).
- Direct-add hero card — Hero/slideshow card that includes immediate add-to-cart action.
- Homepage quick-shop rail — Homepage product strip with direct add-to-cart controls for core SKUs.
- Minimalist route-to-shop — Low-complexity homepage routing pattern that moves users quickly into product collections.
- Category grid — Visual tiles linking to key categories.
- Category-first router — Home module sequence designed to move users into collection paths first.
- Category-fast beauty routing — Beauty home routing pattern that surfaces core makeup categories as first-click decisions.
- Identity-led category lane — Category section framed around shopper identity/use intention, not only product taxonomy.
- Training-intent category map — Category routing organized around training use and workout goals.
- Pantry category map — Category routing organized around pantry utility lanes (sauces, sets, staples, noodles, gifts).
- Flavor shelf grid — High-density flavor/product grid for fast beverage discovery.
- Room-type category scaffold — Category grid organized by room and core furniture types.
- Featured collection — Curated group of products.
- Curated essentials entry — High-priority home route into core/perennial products for fast decision making.
- Best sellers — Highest-performing items for social proof.
- New arrivals — Recently added products.
- Limited-time offer — Promotion with urgency copy or timer.
- Scarcity drop signal — Availability messaging tied to limited release windows and expected sellouts.
- Promo code strip — Top-of-page offer bar with explicit discount code.
- Product provocation CTA — Bold, simple CTA tied to a specific product idea or launch.
- Fast-buy card — Product card with immediate purchase action from home modules.
- Collection CTA ladder — Stacked homepage modules that each route to a collection.
- Capsule-culture spotlight lane — Repeating homepage lane for themed capsules/limited drops tied to cultural moments.
- Solution-first category label — Category naming based on functional/body outcome (e.g., sculpt, smooth, support).
- Curated collection label — Lifestyle or seasonal collection naming (e.g., Resort, Bridal, Vacation Edit).
- Popular category preview — High-visibility tile/link set for top category entry points.
- Early SKU exposure grid — Product grid placed high on home page to accelerate product engagement.
- Featured essentials grid — Product grid emphasizing proven core items before broader catalog exploration.
- Set-first merchandising path — Home routing pattern that prioritizes curated set bundles (starter/premium) before individual SKU exploration.
- Tiered collection anchor — Homepage block that segments product lines by tier (core/premium/elite).
- Vibe-based merchandising label — Product group naming based on occasion or mood (not strict taxonomy).
- Goal-state solution cards — Category cards organized by desired outcomes (sleep, stress, fitness, etc.).
- In-stock urgency CTA — High-visibility call-to-action emphasizing immediate availability/short lead time.
- Inspiration-to-commerce edit — Lifestyle/seasonal creative block with direct commerce CTAs.
- Homepage teaser-to-cart module — Homepage product teaser with price and quick-shop action built for direct cart progression.
- Curated beauty discovery teaser — Beauty-first teaser module highlighting select best sellers/sets as guided discovery entry points.
- CTA-adjacent reassurance — Trust microcopy positioned immediately near conversion CTAs.
- Waitlist conversion CTA — Primary/secondary action focused on joining launch or restock access lists.
- Brand story — Short narrative about the brand.
- Founder note — Personal voice to build trust.
- Founder authority anchor — Above-the-fold founder credibility signal used as a trust accelerator.
- Press logos — Media mentions for credibility.
- Testimonials — Customer quotes and ratings.
- UGC gallery — Customer photos and tagged posts.
- Community usage gallery — Social/UGC module showing real customer and creator product use.
- Video feature — Brand or product overview video.
- Lookbook — Styled product groupings.
- Blog teaser — Recent content preview.
- Email signup — Newsletter capture module.
- Beauty early-access capture — Beauty email/SMS capture module offering launch alerts, exclusives, or early-access drops.
- First-order incentive capture — Email/SMS capture pattern paired with a first-order discount value exchange.
- Store locator — Map or search for retail locations.
- FAQ teaser — Link to common questions.
Collection & Category Pages
- Collection hero — Banner with category title and imagery.
- Collection description — Short text about the category.
- Facet sidebar — Persistent filter panel for deep catalogs.
- Product grid — Card layout of products.
- Product list — Row layout with quick details.
- Filters — Attribute refinements (size, color, price).
- Sort bar — Order products by relevance, price, rating.
- Filter pills — Active filter chips with remove action.
- Price slider — Range selector for price.
- Swatches — Visual filter options for colors or patterns.
- Quick add — Add to cart from the grid.
- Quick view — Modal preview without leaving page.
- More options affordance — Card-level action exposing variant depth before PDP.
- Hover swap — Secondary image on hover for quick preview.
- Infinite scroll — Loads more products on scroll.
- Pagination — Page navigation controls.
- Compare toggle — Select products to compare.
- Wishlist button — Save products for later.
- Recently viewed — Recirculation module.
Product Detail Pages (PDP)
- Product breadcrumb — Taxonomy trail that confirms category context on PDP.
- Quality-first hook — PDP intro message that establishes premium ingredient/material logic early.
- Product media gallery — Images and videos for the item.
- Product media carousel — Swipe/scroll gallery of primary and alternate product media.
- Fit-confidence media proof — Media sequence designed to reduce fit uncertainty across body types and styling contexts.
- Style-fit media carousel — Media sequence designed to help assess aesthetic fit in a real space.
- Zoom interaction — Hover/tap magnification for material and detail inspection.
- Context placement shot — Product image showing placement/use within a room or environment.
- Video shoppable — Video with interactive hotspots or add-to-cart.
- Zoom/lightbox — Detailed view of media.
- Product title — Name of the item.
- Use-case product naming — Product naming that encodes intended usage (e.g., finishing vs cooking).
- Sensory flavor hook — Taste-focused PDP opening copy designed to trigger craving and memory.
- Transaction anchor block — Above-the-fold PDP cluster showing product identity, price, and purchase signals.
- Utility-first PDP rail — Above-the-fold purchase rail prioritizing name, price range, variant selection, and immediate add-to-cart.
- Plant-protein conversion rail — Above-the-fold supplement PDP rail combining product identity, purchase mode, and immediate add-to-cart.
- Bundle-value hero anchor — Above-the-fold bundle PDP cluster combining product identity, social proof, price, and immediate add-to-cart.
- Tool-kit conversion hero — Above-the-fold premium tools-set PDP cluster combining set identity, savings context, and immediate add-to-cart.
- Feel-positioning block — PDP module that frames tactile experience (soft/medium/firm) for faster self-selection.
- Price block — Price, compare-at, and discount display.
- Subscription savings trigger — Pricing-mode module that highlights subscribe-and-save value while keeping cadence controls visible.
- Knife-set value anchor — Price-and-savings module framing premium knife/tool sets as complete-kit value purchases.
- BNPL anchor — Buy-now-pay-later installment messaging adjacent to primary price.
- Eligibility badge — High-visibility qualification cue (for example HSA/FSA eligibility).
- Variant price range block — Price display that communicates a range across selectable variants.
- Price-range expectation anchor — Early price-range presentation that sets variant cost expectations before selection.
- Variant selector — Size, color, or style choices.
- Intimates conversion rail — PDP selector cluster optimized for bra/underwear size, color, and fast add-to-bag.
- Shade-led conversion rail — PDP selector cluster centered on shade choice and immediate add-to-bag.
- Foundation-first conversion rail — Foundation PDP selector cluster combining price, shade selection, and immediate add-to-bag.
- Swatch picker — Visual variant selection.
- Swatch confidence proof — Visual swatch system intended to reduce shade mismatch risk.
- AI shade-match micro-conversion — Shade-finder step (selfie/AI/quiz) that converts uncertainty into pre-cart confidence.
- Inclusive shade-depth signal — Visible shade-range indicator used as inclusivity and trust proof in complexion categories.
- Size selector — Dedicated size-selection control, common in footwear/apparel PDPs.
- Sizing kit guidance — PDP guidance module prompting a pre-purchase sizing kit flow.
- Finish/size selector rail — Selector group for finish and size options in home decor/furniture PDPs.
- Flavor selector — Variant selector tuned for flavor-based products.
- Inventory status — In stock, low stock, backorder.
- Shipping estimate — Delivery window by location.
- Pickup availability — In-store pickup eligibility.
- Delivery scheduling — Select delivery date/time window.
- Quantity selector — Choose number of items.
- Add to cart — Primary purchase action.
- Retailer quick-buy CTA — Primary action that routes shoppers to an external retailer purchase page.
- Notify me CTA — Back-in-stock intent capture action.
- Out-of-stock fallback — Alternate conversion pattern shown when primary add-to-cart is unavailable.
- Drop a hint CTA — Share/gifting action for product intent without immediate checkout.
- Buy now — Direct checkout action.
- Payment badges — Payment methods and financing.
- Health claim badges — Product badges signaling dietary/benefit claims (fiber, sugar, vegan, etc.).
- Functional proof badges — Compact badge cluster used to answer core product objections quickly.
- Promo message — Discount or bundle callout.
- Subscription option — Subscribe-and-save toggle.
- Subscription cadence — Choose delivery frequency.
- Subscription frequency picker — UI control for recurring delivery interval choices.
- Bundle builder — Add complementary products.
- Comfort configurator — Option set that customizes comfort/performance characteristics before add-to-cart.
- Product description — Detailed info and benefits.
- Protein-output clarity anchor — Early PDP statement of grams-per-serving and source proteins to establish functional supplement value.
- Unflavored versatility positioning — PDP framing that emphasizes routine flexibility across drinks, meals, and recipes.
- Flavor system flexibility layer — PDP module showing how flavor add-ons rotate taste while keeping one base formula.
- Results-first benefit panel — PDP block presenting visible outcomes before formula/spec detail.
- Finish-and-feel benefit block — Beauty PDP module describing texture, finish, and wear sensation.
- Finish-wear demo loop — Repeated visual/demo pattern showing finish behavior and wear outcomes over time.
- Curated assortment PDP — Product page structured around a multi-item curated set as the primary offer.
- Curated trio architecture — Bundle PDP structure that presents three complementary flavor/product profiles as one purchase decision.
- Specs table — Dimensions and technical details.
- Materials & care — Fabric, ingredients, or care info.
- Material-to-feel translator — Copy pattern translating fabric specs into comfort and wear outcomes.
- Comfort-performance bridge copy — Product copy pattern that positions one item as viable for both training/performance and daily wear.
- Material durability proof — Product detail module validating wash resilience, shape retention, and repeat-wear reliability.
- Details accordion — Expand/collapse structure for PDP detail sections.
- Ingredient explainer block — In-context section explaining ingredient source, process, or quality.
- Ingredient efficacy breakdown — Ingredient section focused on why actives matter and what they do.
- Lip-care efficacy panel — Lip-product ingredient/benefit module focused on hydration, plumping, and barrier support.
- Craftsmanship proof module — PDP section detailing artisanal process and premium ingredient sourcing.
- Decor trust tabs — PDP tabs for reviews, materials, care, shipping, and returns on home products.
- Size guide — Fit and measurement help.
- Sizing-risk mitigation block — Combined fit notes, sizing tools, and guidance to reduce return-prone purchases.
- Model sizing context — Model measurement/size references used to calibrate shopper expectations.
- Fit recommender — Size suggestions based on profile/answers.
- Ingredient highlights — Key ingredient callouts.
- How-to block — Usage steps or routine instructions.
- Performance use-case tags — Labeled activity contexts (running, training, tennis) that frame product relevance.
- Health insights preview rail — PDP section previewing tracked health outcomes and key metrics.
- Sleeper-fit guidance — Fit language mapping mattress/support products to sleep position and body needs.
- Serving ritual guidance — Preparation or serving instructions that frame premium consumption behavior.
- Reviews summary — Star rating and count.
- Review-density trust anchor — High-volume rating and recommendation signals used near primary purchase controls to accelerate confidence.
- Reviews list — Full customer reviews.
- Q&A — Product questions and answers.
- Social share — Share to social platforms.
- Sticky ATC — Floating purchase bar.
- Back in stock — Notify-me capture.
- Related products — Cross-sell suggestions.
- Cross-sell carousel — Horizontal related-products module for continuation shopping.
- Lineup cross-sell — Related products grouped as a product-family expansion set.
- Flavor-family cross-sell — Related flavors and variety packs presented as next-best choices.
- Shade family cross-sell — Related shade variants surfaced as adjacent purchase options.
- Complexion-system cross-sell — Coordinated foundation/concealer/tool recommendations presented as one complexion workflow.
- Flavor story grid — Flavor lineup module combining names, visuals, and short flavor narratives.
- Outfit cross-sell — Coordinated apparel recommendation module (e.g., shop the look).
- Essentials outfit cross-sell — Cross-sell module centered on foundational items (tees, shorts, pants) that build a practical core outfit.
- Intimates routine cross-sell — Complementary intimates modules for matching sets and repeat-wear routines.
- Room-context cross-sell — Related products grouped to complete a room or styling setup.
- Kitchen tools adjacency cross-sell — Related tools/accessories module designed to extend a core kitchen set purchase.
- Product reassurance block — Shipping, returns, and service confidence content near conversion actions.
- Clean-label trust framing — PDP trust pattern emphasizing allergen boundaries, ingredient cleanliness, and gut-friendly positioning.
- Gift-occasion conversion framing — PDP copy module positioning the product as gift-ready across seasonal and event-based occasions.
- Money-back guarantee note — Return-risk reduction message shown near conversion controls.
- Premium reassurance block — Risk-reduction module for premium-priced products (returns, shipping, validation).
- Freshness assurance block — Shipping/production timing module that confirms freshness for perishable products.
- Pantry versatility copy — Usage-led copy emphasizing broad meal/snack applicability to reinforce repeat-use value.
- PDP membership upsell panel — Membership join module placed within the PDP purchase zone to shift one-time buyers into recurring value paths.
- Retailer handoff path — Conversion flow that transfers checkout from brand site to partner retailer.
- Feature checklist block — Compact list of physical/technical features for comparison-minded shoppers.
- Craft-spec authority block — Technical-spec module (materials, hardness, construction) used to establish premium tool credibility.
- Precision-use benefit grid — Feature-to-benefit grid translating sharpness, control, and ergonomics into practical prep outcomes.
- Included-kit transparency list — Explicit component list of all tools/accessories included in a premium set purchase.
- Fit-risk reducer — PDP content cluster that lowers fit uncertainty via fit profile, inseam, and material guidance.
- Device spec panel — Technical specification module for sensors, compatibility, battery, and dimensions.
- Support-layer upgrade selector — Upgrade option for enhanced ergonomic/lower-back support.
- High-ticket trust stack — Cluster of trial, returns, warranty, and financing assurances for expensive purchases.
- Comparison matrix block — Structured competitor/category comparison module to reduce indecision.
- Membership requirement notice — PDP disclosure about subscription-required features or feature unlock levels.
Search
- Autocomplete — Suggestions while typing.
- Search results grid — Matching products display.
- No results — Guidance and fallback options.
- Search filters — Refinement within results.
- Search sort — Ordering controls.
Cart, Checkout, and Post‑Purchase
- Cart page — Full cart with line items.
- Bag drawer — Slide-out cart focused on quick checkout momentum.
- Line item — Product row with price and quantity.
- Edit line item — Change size/color from cart.
- Remove item — Delete from cart.
- Quantity stepper — Increase/decrease quantity.
- Cart notes — Gift or order instructions.
- Gift wrap — Add-on service.
- Discount code — Apply promo or voucher.
- Shipping estimator — Calculate shipping cost.
- Free shipping threshold message — Spend threshold copy to reduce friction.
- Shipping threshold callout — Persistent shipping cost/threshold info in high-visibility nav/header zones.
- Duties and taxes disclaimer — Transparency note for international/variable fee contexts.
- Progress bar — Free shipping or tiered goal.
- Cart upsell — Add-on recommendations in cart.
- Bundle add-on — One-click add for curated bundles.
- Order summary — Subtotal, shipping, taxes.
- Checkout CTA — Proceed to checkout.
- Express checkout — Apple Pay, PayPal, Shop Pay.
- Trust badges — Security assurances at checkout.
- Empty cart — State with recommendations.
- Continue shopping CTA — Recovery path from cart/drawer back to merch flow.
- Pickup reassurance — Cart message reinforcing local pickup convenience.
- Order confirmation — Success message with details.
- Order tracking — Shipping status and tracking links.
- Reorder CTA — One-click repurchase.
Popups & Overlays
- Email capture — Newsletter signup modal.
- Exit intent — Offer when user leaves.
- Welcome offer — First-time discount modal.
- Cart upsell — Prompt to add more items.
- Back in stock — Notify modal.
- Age gate — Verification for restricted goods.
- Cookie consent — Privacy notice.
- Survey — Quick feedback capture.
- Wishlist share modal — Share UI that turns saved products into referral links.
Account & Loyalty
- Login/signup — Account creation and access.
- Order history — Past purchases list.
- Order detail — Individual order view.
- Address book — Saved shipping addresses.
- Payment methods — Stored payment options.
- Returns portal — Start a return or exchange.
- Loyalty dashboard — Points and tier status.
- Referral program — Invite friends and earn.
- Subscription management — Edit recurring orders.
- Wishlist sharing — Shareable saved-list experience via link or social.
- Loyalty conversion block — Homepage section pushing reward enrollment as a conversion outcome.
- Subscription hero block — Prominent module positioning subscription as a primary purchase path.
- Membership value ladder — Membership messaging stack that escalates from one-time purchase to recurring benefits (discounts, shipping, early access).
Footer & Trust
- Trust footer — Footer zone combining policy links, contact, and conversion actions.
- Contact reassurance block — Support copy that reinforces real human access.
- Policy link cluster — Shipping, returns, and legal links grouped for confidence.
- Store address block — Physical store list that supports online-to-offline purchase behavior.
- Program pathway links — Footer/utility links for ambassador, wholesale, or partner journeys.
- Replenishment entry point — Utility link/module that routes repeat buyers into subscription/reorder flow.
- Policy-promo trust strip — High-visibility strip combining offer and assurance cues (discount, shipping, warranty).
Storytelling & Education
- Narrative conversion block — Educational brand storytelling section designed to increase purchase confidence.
- Tactical value copyblock — Short functional block explaining engineering, durability, and performance tradeoffs.
- Mission reinforcement block — Repeated brand-value section reinforcing why the brand is different.
- Founder narrative block — Founder-led message module used to establish brand intent and trust.
- Empowerment-tone copy layer — Expressive beauty copy mode emphasizing self-expression, identity, and creative confidence.
- Body-affirming copy block — Inclusive, non-prescriptive language module focused on fit, comfort, and confidence.
- Craft-process narrative — Story module describing artisanal process/time-to-make as value justification.
- Product education snippet — Short explanatory copy that clarifies product differentiation or usage.
- Recipe-to-cart bridge — Content pathway that connects recipe inspiration directly to purchasable ingredient/product bundles.
- Use-case burst — Compact cluster of action-led usage descriptors to communicate versatility quickly.
- Practical reassurance FAQ — FAQ format focused on handling, storage, and expected product behavior.
- Education pathway teaser — Homepage teaser linking to deeper educational/blog content for hesitant buyers.
- Performance-lifestyle framing — Copy pattern combining technical benefit language with everyday identity positioning.
- Authority proof snippet — Short expert/science-backed validation message reinforcing product credibility.
- Authority confidence layer — Stacked authority pattern that combines expert endorsements with broad adoption/social validation.
- How-it-works bridge block — Lightweight mechanism explanation module that links outcomes to product function.
- Guided steps clarity stack — Sequential “how it works” module that reduces friction from assessment to recommendation to purchase.
- Capability-proof icon rail — Icon-led capability module that quickly confirms usage compatibility and durability claims.
- Narrative proof panel — Member-story module showing real-world product impact over time.
- Science legitimacy block — Proprietary science/technology explainer used to support efficacy claims.
- Science-to-shop utility nav — Navigation pattern that keeps technical/science education directly connected to immediate shopping routes.
- Expert reassurance signal — Compact professional-validation cue (dietitian/clinician/expert) used to reduce skepticism quickly.
- Skincare science proof block — Beauty-focused science module tying proprietary technology to efficacy outcomes.
- Sensory tasting copyblock — Descriptive taste/texture storytelling module used to prime flavor expectations.
- Cultural authenticity positioning — Messaging pattern that grounds product value in origin, heritage, and regional culinary context.
Beauty-Specific Messaging
- Beauty benefit microcopy — Short outcome-led beauty copy (brightening, firming, clarifying, hydrating).
- Skincare-cosmetic dual positioning — Messaging pattern framing one product as both makeup effect and skincare benefit.
- Values alignment panel — Module listing ethical/clinical standards (e.g., vegan, cruelty-free, non-comedogenic, fragrance-free).
- Ethical claims strip — Compact policy/ethics bar (vegan, cruelty-free, fragrance-free, clean claims).
- Routine completion cross-sell — Related products sequenced as a full regimen.
- App outcome screenshots — Product-to-app visuals demonstrating actionable insights inside companion software.
- Curated line architecture — Deliberately constrained product-line presentation that simplifies decision making.
- Routine kit module — Pre-bundled regimen block for fast routine adoption and higher AOV.
- Soft reassurance microcopy — Short, non-intrusive trust language (all skin types, dermatologist-developed, easy returns).
- Ethical-performance reassurance — Beauty reassurance pattern pairing ethical standards (vegan/cruelty-free) with finish and wear performance claims.
Conversion Copy Modes
- No-fluff conversion copy — Direct, low-adjective copy style focused on utility and purchase clarity.
Social Proof & Merch Bundles
- Review-led social proof block — Testimonial-focused section using plain customer language to reduce hesitation.
- Customer-voice testimonial carousel — Rotating testimonial module using customer-first, non-brand language.
- Statistical proof anchor — High-visibility aggregate metric (rating/review volume) used as credibility shorthand.
- Expert endorsement block — Third-party authority module (doctor/expert/media validation).
- Editorial authority sprinkle — Light-touch press/editorial/influencer validation placed throughout the scroll.
- Cultural proof block — Social and press relevance module signaling desirability and zeitgeist fit.
- Ecosystem proof halo — Off-site cultural/retail/press momentum that strengthens on-site conversion trust.
- Themed variety pack selector — Bundle chooser organized by context (favorites, party, staples, etc.).
Premium Presentation
- Packaging value showcase — Visual module emphasizing premium packaging as part of perceived product value.
Omnichannel
- Omnichannel bridge section — Homepage block connecting DTC purchase paths with store-locator and social engagement paths.
Guided Selling & Reassurance
- Personalization quiz CTA — Primary call-to-action that starts a recommendation quiz for product matching.
- Quiz commitment ladder — Progressive quiz flow that increases user investment through stepwise personal inputs before recommendation output.
- Risk-removal rail — Repeating assurance module for trial, returns, warranty, shipping, and financing.
- Payment flexibility panel — Prominent payment-method and financing eligibility module used pre-checkout.
- Subscription-support framing — Messaging pattern that presents recurring delivery as adjustable support (pause, skip, update cadence).
Retention & Services
- Retention ecosystem module — Home section promoting loyalty, registry, planning tools, and member benefits.
- Design service CTA — Entry point to free/paid design guidance that supports higher-consideration purchases.
- Goal-based stack expansion rail — Personalized cross-category module that extends a core recommendation into complementary products by goal.
Co‑Branded Storefront Components (Creator/Affiliate‑Specific)
Identity & Attribution
- Co‑brand lockup — Brand + creator logos paired in one block.
- Creator header — Name, photo, and creator handle at top.
- Creator bio — Short narrative about the partner.
- Creator badge — Verified/featured status indicator.
- Attribution badge — Shows shopping via a specific creator.
- Share‑credit label — Displays creator code or handle credit.
- Creator storefront label — Subtle “You’re shopping [Creator]’s store” label.
- Creator CTA — “Shop [Creator]’s picks” call‑to‑action.
Co‑Branded Messaging
- Dynamic headline — Title personalized to creator context.
- Creator quote callout — Short endorsement block.
- Personal note — Creator intro or welcome message.
- Co‑branded banner — Brand‑approved banner with creator info.
- Affiliate disclosure — Clear disclosure of partnership.
- Creator FAQ — Creator-specific questions and answers.
Creator Merchandising
- Creator picks rail — Curated product carousel.
- Creator collection grid — Products chosen by the creator.
- Creator drop module — Limited drop with creator branding.
- Drop countdown — Timer for launch or closing window.
- Creator bundle — Bundled products curated by creator.
- Shop the routine — Step‑by‑step product stack.
- Creator kit list — Set of tools/products for a routine or project.
- Before/after block — Results or transformation showcase.
- Creator recommendation badges — “Approved by [Name]” tags.
Pricing & Offers
- Creator discount badge — Per‑creator price callout.
- Applied creator code — Visible code confirmation.
- Exclusive offer card — Creator‑only deal tile.
- Tiered discount display — Different rates by creator tier.
- Referral unlock — Unlock discount after referral action.
- Creator gift-with-purchase — Bonus item tied to creator purchase.
Content & Social Proof
- Creator UGC gallery — Photos/videos from creator.
- Creator review block — Long‑form review content.
- Creator Q&A — Creator answers product questions.
- Creator tips — Usage advice or styling notes.
- Routine/playlist embed — Embedded content tied to creator.
- Creator demo video — Instructional or review video by creator.
Navigation & Discovery
- Creator directory entry — Card for a creator in a directory.
- Creator directory filters — Filter by niche, audience, tier.
- Related creators — Similar creator suggestions.
- Creator breadcrumb — Shows route from creator page to product.
- Back to creator storefront — Return link on PDP and cart.
- Creator tag filter — Filter by creator tag on collection pages.
- Creator-aware utility rail — Utility actions that preserve creator context while navigating.
Cart & Checkout Co‑Branding
- Creator cart banner — Creator strip in cart.
- Attribution summary — Shows credited creator before checkout.
- Creator thank‑you block — Post‑purchase creator message.
- Creator donation add‑on — Optional cause or creator support.
- Creator reorder nudge — Remind to restock via creator link.
Operational UI
- Destination badge — Shows which experience path is active.
- Context resolver state — UI for “creator not found” fallbacks.
- Default storefront fallback — Standard experience when no creator.
- Tracking indicator — Confirms creator tracking is active.
Category‑Specific Components
Fashion & Apparel
- Fit notes — Creator sizing guidance by product.
- Size matrix — Size table by region or body measurements.
- Performance basics positioning — Merchandising approach that frames essentials (tees/shorts) as training-ready baseline gear.
- Complete the look — Outfit pairing carousel.
- Styling tips — How-to-wear suggestions.
Health & Wellness
- Routine builder — Step-by-step regimen stack.
- Subscription cadence — Refill frequency selector.
- Ingredient callouts — Benefit-focused ingredient panel.
- Usage compliance — Dosage and timing guidance.
Beauty & Cosmetics
- Shade finder — Quiz or filter for shade matching.
- Before/after slider — Visual results comparison.
- Finish/coverage chips — Tags for texture and coverage.
- Routine order — Sequence for application steps.
Home & Garden
- Room scene gallery — Lifestyle shots in context.
- Project checklist — Step-by-step build or care list.
- Care calendar — Seasonal maintenance schedule.
- Delivery constraints — Shipping/assembly notes.
Food & Beverage
- Flavor notes — Tasting profile and descriptors.
- Nutrition panel — Key nutrition facts and highlights.
- Dietary badges — Vegan, gluten‑free, keto, etc.
- Serving suggestions — Pairings and use ideas.
- Batch/roast date — Freshness indicator for perishable goods.
- Subscription cadence — Refill frequency selector.
Quick Mapping Tips
- Use the Global and PDP sections as your baseline theme inventory.
- Layer Co‑Branded Storefront Components on top where creator context exists.
- If a component needs creator data, verify it works in both creator present and creator absent states.
- For menu and drawer experiences, verify keyboard + focus behavior to preserve accessibility while co-branding.