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.

Demo figures are clearly labeled, with a guide to replacing them with your own data.

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.