{"product_id":"betterskin™-even-out-niacinamide-acid-10","title":"The Ordinary™  (Niacinamide Acid 10%)","description":"\u003cp\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003csection class=\"bs-evenout\"\u003e\n\u003cdiv class=\"bg-glow glow1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bg-glow glow2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bs-container\"\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cspan class=\"badge\"\u003e ✨ Dermatologist-Inspired Formula \u003c\/span\u003e\n\u003ch1\u003eEven Out.\u003cbr\u003e\u003cspan\u003eBrighten Up. Glow Every Day.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eUneven skin tone, enlarged pores and stubborn dark spots don't have to define your skin. The BetterSkin™ Even Out Serum combines Niacinamide, Zinc PCA, Hyaluronic Acid and Panthenol to visibly brighten, hydrate and refine your complexion for healthier-looking skin every day.\u003c\/p\u003e\n\u003cdiv class=\"hero-buttons\"\u003e\n\u003ca href=\"#product-form\" class=\"btn-primary\"\u003e Shop Now \u003c\/a\u003e \u003ca href=\"#ingredients\" class=\"btn-secondary\"\u003e Learn More \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eBrighter Skin\u003c\/h3\u003e\n\u003cp\u003eHelps improve the appearance of uneven tone and dullness for a luminous complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydrating Formula\u003c\/h3\u003e\n\u003cp\u003eInfused with Hyaluronic Acid to replenish moisture without feeling heavy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eBalanced Complexion\u003c\/h3\u003e\n\u003cp\u003eZinc PCA helps reduce excess oil while supporting clearer-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3\u003eRefined Texture\u003c\/h3\u003e\n\u003cp\u003eHelps smooth the look of skin and minimise the appearance of pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"ingredients\" class=\"ingredients\"\u003e\n\u003ch2\u003eHero Ingredients\u003c\/h2\u003e\n\u003cdiv class=\"ingredient-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003e✨ Niacinamide 10%\u003c\/h4\u003e\n\u003cp\u003eHelps brighten the appearance of dark spots while improving uneven skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003e🌿 Zinc PCA\u003c\/h4\u003e\n\u003cp\u003eSupports balanced-looking skin by helping control excess oil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003e💧 Hyaluronic Acid\u003c\/h4\u003e\n\u003cp\u003eProvides long-lasting hydration for softer, plumper-feeling skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003e🤍 Panthenol\u003c\/h4\u003e\n\u003cp\u003eHelps soothe and support the skin barrier for healthier-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine\"\u003e\n\u003ch2\u003eYour Daily Brightening Ritual\u003c\/h2\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003eCleanse\u003c\/h4\u003e\n\u003cp\u003eWash and dry your face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eApply\u003c\/h4\u003e\n\u003cp\u003eMassage 2–3 drops onto your face and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eMoisturise\u003c\/h4\u003e\n\u003cp\u003eLock in hydration with your favourite moisturiser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eProtect\u003c\/h4\u003e\n\u003cp\u003eFinish with SPF during the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n:root{\n\n--cream:#F7F1EA;\n--ivory:#EFE6DC;\n--bronze:#C28A63;\n--gold:#D8B37A;\n--sage:#9A9B7B;\n--espresso:#3B2A20;\n\n}\n\n.bs-evenout{\n\nbackground:linear-gradient(180deg,var(--cream),#fff);\n\npadding:110px 25px;\n\nfont-family:'Poppins',sans-serif;\n\noverflow:hidden;\n\nposition:relative;\n\n}\n\n.bs-container{\n\nmax-width:1200px;\n\nmargin:auto;\n\nposition:relative;\n\nz-index:2;\n\n}\n\n.bg-glow{\n\nposition:absolute;\n\nborder-radius:50%;\n\nfilter:blur(80px);\n\nopacity:.35;\n\nanimation:float 12s ease-in-out infinite;\n\n}\n\n.glow1{\n\nwidth:350px;\n\nheight:350px;\n\nbackground:var(--gold);\n\ntop:-120px;\n\nright:-80px;\n\n}\n\n.glow2{\n\nwidth:250px;\n\nheight:250px;\n\nbackground:var(--sage);\n\nbottom:-80px;\n\nleft:-80px;\n\nanimation-delay:5s;\n\n}\n\n.badge{\n\ndisplay:inline-block;\n\npadding:12px 26px;\n\nborder-radius:50px;\n\nbackground:#fff;\n\nbox-shadow:0 12px 30px rgba(0,0,0,.06);\n\nfont-size:13px;\n\nletter-spacing:2px;\n\ntext-transform:uppercase;\n\ncolor:var(--bronze);\n\nanimation:fadeUp .8s ease;\n\n}\n\n.hero h1{\n\nfont-family:'Cormorant Garamond',serif;\n\nfont-size:72px;\n\nline-height:1;\n\nmargin:25px 0;\n\ncolor:var(--espresso);\n\nanimation:fadeUp 1s ease;\n\n}\n\n.hero h1 span{\n\nbackground:linear-gradient(90deg,var(--espresso),var(--gold),var(--bronze));\n\n-webkit-background-clip:text;\n\n-webkit-text-fill-color:transparent;\n\n}\n\n.hero p{\n\nmax-width:760px;\n\nfont-size:18px;\n\nline-height:1.9;\n\ncolor:#6b5d55;\n\nmargin-bottom:40px;\n\nanimation:fadeUp 1.2s ease;\n\n}\n\n.hero-buttons{\n\ndisplay:flex;\n\ngap:15px;\n\nflex-wrap:wrap;\n\n}\n\n.btn-primary,\n.btn-secondary{\n\npadding:18px 40px;\n\nborder-radius:60px;\n\ntext-decoration:none;\n\nfont-weight:600;\n\ntransition:.4s;\n\n}\n\n.btn-primary{\n\nbackground:linear-gradient(135deg,var(--bronze),var(--gold));\n\ncolor:#fff;\n\nbox-shadow:0 18px 40px rgba(194,138,99,.35);\n\n}\n\n.btn-primary:hover{\n\ntransform:translateY(-5px);\n\nbox-shadow:0 25px 55px rgba(194,138,99,.45);\n\n}\n\n.btn-secondary{\n\nborder:1px solid #d9cfc4;\n\ncolor:var(--espresso);\n\nbackground:#fff;\n\n}\n\n.btn-secondary:hover{\n\ntransform:translateY(-5px);\n\n}\n\n.benefits{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n\ngap:25px;\n\nmargin:80px 0;\n\n}\n\n.benefit{\n\nbackground:rgba(255,255,255,.75);\n\nbackdrop-filter:blur(16px);\n\npadding:35px;\n\nborder-radius:24px;\n\ntransition:.45s;\n\nborder:1px solid rgba(255,255,255,.6);\n\n}\n\n.benefit:hover{\n\ntransform:translateY(-10px);\n\nbox-shadow:0 25px 50px rgba(0,0,0,.08);\n\n}\n\n.icon{\n\nfont-size:36px;\n\nmargin-bottom:15px;\n\n}\n\n.benefit h3{\n\nfont-family:'Cormorant Garamond',serif;\n\nfont-size:30px;\n\ncolor:var(--espresso);\n\nmargin-bottom:10px;\n\n}\n\n.benefit p{\n\ncolor:#666;\n\nline-height:1.8;\n\n}\n\n.ingredients{\n\nbackground:#fff;\n\npadding:60px;\n\nborder-radius:30px;\n\nbox-shadow:0 20px 50px rgba(0,0,0,.05);\n\nmargin-bottom:80px;\n\n}\n\n.ingredients h2,\n.routine h2{\n\nfont-family:'Cormorant Garamond',serif;\n\nfont-size:48px;\n\ntext-align:center;\n\nmargin-bottom:40px;\n\ncolor:var(--espresso);\n\n}\n\n.ingredient-grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n\ngap:25px;\n\n}\n\n.ingredient-card{\n\nbackground:var(--cream);\n\npadding:30px;\n\nborder-radius:20px;\n\ntransition:.4s;\n\n}\n\n.ingredient-card:hover{\n\ntransform:translateY(-8px);\n\nbackground:#fff;\n\n}\n\n.steps{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n\ngap:25px;\n\nmargin-top:40px;\n\n}\n\n.step{\n\nbackground:#fff;\n\npadding:35px;\n\nborder-radius:22px;\n\ntext-align:center;\n\nbox-shadow:0 12px 35px rgba(0,0,0,.05);\n\ntransition:.4s;\n\n}\n\n.step:hover{\n\ntransform:translateY(-10px);\n\n}\n\n.number{\n\nwidth:60px;\n\nheight:60px;\n\nmargin:auto auto 18px;\n\nborder-radius:50%;\n\ndisplay:flex;\n\nalign-items:center;\n\njustify-content:center;\n\nbackground:linear-gradient(135deg,var(--bronze),var(--gold));\n\ncolor:#fff;\n\nfont-weight:700;\n\nfont-size:20px;\n\n}\n\n@keyframes float{\n\n50%{\n\ntransform:translateY(30px) translateX(20px);\n\n}\n\n}\n\n@keyframes fadeUp{\n\nfrom{\n\nopacity:0;\n\ntransform:translateY(40px);\n\n}\n\nto{\n\nopacity:1;\n\ntransform:translateY(0);\n\n}\n\n}\n\n@media(max-width:768px){\n\n.hero h1{\n\nfont-size:46px;\n\n}\n\n.hero p{\n\nfont-size:16px;\n\n}\n\n.ingredients{\n\npadding:35px;\n\n}\n\n}\n\n\u003c\/style\u003e","brand":"BetterSkin","offers":[{"title":"Default Title","offer_id":45248143196183,"sku":null,"price":349.9,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/1720\/7063\/files\/ChatGPT_Image_Jun_27_2026_05_26_17_PM.png?v=1782599443","url":"https:\/\/betterskin.co.za\/products\/betterskin%e2%84%a2-even-out-niacinamide-acid-10","provider":"BetterSkin","version":"1.0","type":"link"}