Shopify AI Prompt — "Ingredient Spotlight" Popup Modal

Use this general-format prompt first to get the modal component built, then paste each ingredient's specific content in as a separate popup.

General format prompt (paste first)

Create a popup modal component I can trigger by clicking a link or button, titled "Ingredient Spotlight." Layout:

Top section: light gray background box containing a small teal uppercase label "INGREDIENT SPOTLIGHT," a bold black headline "What is [ingredient name]?", an italic subline starting with bold "The short version:" followed by a plain italic sentence, and a "✕ Close" button in the top right corner.

Body section: white background below the gray header. Include 3 subsections, each with a bold heading and a paragraph of body text: "Where Did It Come From?", "How Does It Work?", and "Is It Safe?"

Between the first and second subsection, add a row of 3 stat cards side by side, each with a teal rounded border, a large bold teal number/stat at the top, and a short gray caption below it.

Keep the whole modal centered on screen with rounded corners and a white background, matching a clean, trustworthy, editorial style.

Ingredient-specific content (paste one at a time into the modal you just built)

1. Purple Color-Correcting Pigment

Headline: What is purple color-correcting pigment? Short version: it uses color theory to cancel out yellow instantly.

Where Did It Come From? Purple color correction is based on basic optical color theory: purple and yellow sit opposite each other on the color wheel. It's the same principle behind purple shampoo, which neutralizes brassy yellow tones in blonde hair. Dental researchers have studied similar optical-correction pigments for tooth appearance for close to two decades.

Stat row: Instant (Visible effect) · 2–4 Hrs (Typical duration) · 0% (Peroxide or bleach)

How Does It Work? When you swish, the purple pigment lightly deposits on the tooth surface. Because purple and yellow are opposite on the color wheel, this instantly neutralizes yellow tones optically — no bleaching, no chemical whitening involved. That's also why it's safe to use on veneers, crowns, and other dental work that bleach-based products can damage.

Is It Safe? Yes. Because it works optically rather than chemically, it doesn't alter your enamel structure at all, unlike bleach-based whiteners, which can cause sensitivity. It's a pigment sitting temporarily on the tooth surface, not a treatment that changes your teeth.

2. Xylitol

Headline: What is xylitol? Short version: it's a natural sugar substitute that helps starve cavity-causing bacteria.

Where Did It Come From? Xylitol is a natural sugar alcohol found in fruits, vegetables, and birch trees. It was first studied for dental use in Finland in the 1970s and has since become one of the most researched ingredients in oral care, backed by over a dozen clinical studies.

Stat row: 1970s (First studied for dental use) · 12+ (Clinical studies on oral xylitol) · Natural (Plant-derived origin)

How Does It Work? Cavity-causing bacteria can't metabolize xylitol the way they metabolize sugar. This effectively starves them, reducing the acid production that erodes enamel over time.

Is It Safe? Yes. It's been extensively studied and used in oral care and food products worldwide for decades, and is safe for daily use with none of the downsides of sugar.

3. Hyaluronic Acid

Headline: What is hyaluronic acid? Short version: it's the same hydrating ingredient used in skincare, just for your gums.

Where Did It Come From? Hyaluronic acid was first discovered in 1934 and has been used in medicine for joint and skin health for decades before making its way into oral care for gum support.

Stat row: 1934 (First discovered) · 92.7% (Reduction in gum bleeding, clinical study) · 70+ Yrs (Of medical use)

How Does It Work? It helps hydrate gum tissue and calm inflammation, supporting a healthier gum line — similar to how it plumps and hydrates skin in skincare products.

Is It Safe? Yes. It's naturally found in the human body already, in skin, joints, and connective tissue, so it's very well tolerated.

4. Pyrophosphate

Headline: What is pyrophosphate? Short version: it's the same tartar-fighting ingredient found in leading toothpaste brands.

Where Did It Come From? Pyrophosphate has been used in tartar-control dental products since the 1980s and remains a standard ingredient in many major toothpaste brands today.

Stat row: 3.3% (Effective concentration in clinical trials) · 28.9% (Reduction in tartar buildup) · 6-Month (Clinical trial backing)

How Does It Work? It binds to minerals in saliva before they can harden into tartar on your teeth, making buildup less likely to form in the first place.

Is It Safe? Yes. It's one of the most well-established ingredients in oral care, with decades of safety data behind it.

5. Peppermint Oil & Menthol

Headline: What is peppermint oil & menthol? Short version: it's a natural antibacterial, not just a flavor.

Where Did It Come From? Peppermint oil has been used in oral care for centuries, but modern research has confirmed it does more than just add flavor.

Stat row: 42% (Menthol content in peppermint oil) · Centuries (Of traditional use) · Antibacterial (Confirmed in lab studies)

How Does It Work? Menthol, the active compound in peppermint oil, has measurable antibacterial effects against the bacteria responsible for bad breath and plaque buildup.

Is It Safe? Yes. Peppermint oil is one of the most well-tolerated natural ingredients in oral care and is used in the vast majority of mouthwash and toothpaste products.