DEW — Skincare Storefront
Skin, quietly cared for.
A calm, airy DTC skincare storefront with a typed product catalogue, a Pinia cart drawer and an honest demo checkout. Soft, premium-minimal design with a botanical-green accent and an elegant serif display, built in Nuxt 4 (Vue 3). Connect Shopify or Stripe to go live.
Role · Design + front-end build (Nuxt 4, Pinia cart, demo checkout) · Updated Jun 2026
- 7 page types: home, shop, product detail, about, journal, journal article, cart
- A typed product catalogue with full data (ingredients, variants, reviews, how-to-use)
- A Pinia cart store persisted to localStorage with an animated, focus-trapped drawer
- 3 editorial journal articles with hero imagery
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify / Stripe
Front-end commerce with a typed product layer and a clean cart seam — connect Shopify (headless) or Stripe Checkout to go live.
Delivered as full Nuxt 4 source. Connect Shopify (headless) or Stripe Checkout and swap the demo cart for live commerce.
What makes it special
Typed product catalogue
Products with full TypeScript types — slug, price, sizes/variants, ingredients, how-to-use, benefits and reviews — so a real backend drops into a clean seam.
Pinia cart + drawer
A persisted localStorage cart with a focus-trapped slide-in drawer, aria-live add feedback, a count badge and live price on the size selector.
Procedural product SVGs
Elegant dropper, jar and pump illustrations drawn in the brand palette — coherent and crisp, with no photography required to ship.
Calm, airy design
A botanical-green accent, a light serif display and lots of white/cream space. WCAG AA on all text, gentle reduced-motion-gated reveals.
Honest demo commerce
Checkout and newsletter are clearly labelled as a front-end demo — no misleading fake backends, just clean seams to Shopify or Stripe.
What’s included
- 7 page types: home, shop, product detail, about, journal, journal article, cart
- A typed product catalogue with full data (ingredients, variants, reviews, how-to-use)
- A Pinia cart store persisted to localStorage with an animated, focus-trapped drawer
- 3 editorial journal articles with hero imagery
- Scroll reveals, reduced-motion support, :focus-visible, full keyboard nav
- Fraunces + Inter self-hosted via @nuxt/fonts — zero runtime font requests
Gallery
More Beauty & Skincare templates
Make DEW yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.