Moraine Skincare

Moraine is a premium Framer template for natural and clean skincare brands — small DTC labels, refill-first makers and the agencies that build for them. It looks like a luxury beauty site and reads like a lab report: every key percentage printed, every ingredient traced to where it grows.

Sustainability you can check

• An impact card on every product: CO₂e per unit, recycled content, what a refill saves, how far the key ingredients travel.

• An Our Impact page with animated metrics, packaging lifecycle, sourcing map, goals and an honest "what we're still working on".

• Refill-first design: refill badges, refill sizes, a savings table and a Refill Program page.

Built to sell

• Product pages from the CMS with a lightbox gallery, size picker, full INCI list, a review, pairs-well-with and a buy bar that slides in on phones.

• A real bag: connect Shopify (live prices, variants, Shopify checkout) or use Stripe Payment Links per size. Ships in a clearly marked demo mode — no fake checkout.

• Shop with collection tabs and skin type, concern and refill filters; stockists filtered by type.

• Routine Finder: four questions recommend a routine of real CMS products on a shareable page, with each step's timing and note.

• Ingredient explorer: an interactive, keyboard-accessible sourcing map with a list view.

Pages: Home, Shop (filters), Collection, Product, Routine Finder, Routine, Ingredients, Ingredient, Our Impact, Refill Program, Our Story, Journal, Post, Stockists, FAQ, Shipping & Returns, Contact, Privacy, Terms, Cosmetic Disclaimer, 404, Style Guide.

Also included: Daylight and Evening themes; 10 CMS collections with demo content; Product and Organization JSON-LD; original 3D product renders; a Start here guide; a Figma UI kit (.fig) with every screen, components and a prototype.

Requires a Framer account and a plan with 10 CMS collections (Pro). Selling needs your own Shopify store or Stripe account.