Aurelle – Organic Skincare & Beauty eCommerce HTML Template

Description

Aurelle is a calm, botanical eCommerce HTML template for organic skincare, beauty, cosmetics and wellness brands. It pairs DM Serif Display headings with Inter body text. The palette uses forest green, terracotta and soft lime, and sections alternate between cream, sand and sage backgrounds.

Note: this is the HTML version. A WordPress and Shopify version is coming in the next release. The markup is already split into Shopify-style sections, and all colours, fonts and spacing are CSS variables that map to future theme settings.

11 ready pages

• Home
• Shop / collection
• Product
• Cart
• About
• Contact
• Journal (blog)
• Article
• Login
• Register
• 404

Home page sections

• Bento hero with botanical line art, a product card and a slide counter
• Crossed marquee ribbons
• Collections bento grid with a skin quiz card
• Bestsellers carousel with sliding pill filter tabs and product counts
• Shop by concern
• Scroll-lit brand statement
• Sticky story with ingredient count-up stats
• USP icons
• #AurelleGlow community gallery
• Testimonials and a newsletter

Real shopping experience

• Persistent cart that survives refresh and stays in sync across pages and tabs
• Quick cart drawer and a fly-to-cart animation
• Free shipping progress bar, discount code (GLOW15), eco gift wrap and order note
• Cart logic mirrors the Shopify AJAX cart, so it is easy to move to Shopify later

Shop and product

• Collection page with sidebar filters (category, skin concern, price and rating) that become a drawer on mobile
• Filter chips sync with the URL, plus sort options and smooth animated reordering
• Product page with a Swiper gallery on mobile, an image grid on desktop and image zoom
• Size variants, subscribe and save, a stock bar, a sticky add-to-cart bar and reviews

Journal

• 8 post formats: article, video, gallery, link, note, podcast with an audio player, photo and quote
• Category filter with counts
• Article page with a table of contents

Account

• Login with a show/hide password toggle and a password recovery panel
• Register page with a password strength meter

Built for developers

• Bootstrap 5.3 (purged to the parts in use), LESS split into tidy files, and rem units only
• jQuery 3.7.1 and Swiper 14.3.0. All scripts load deferred at the end of the page.
• Lightweight animations that respect reduced motion. Hover effects change colour only, so nothing jumps.
• Fully responsive and checked on mobile, tablet and desktop
• A simple Node page builder to regenerate the shared header and footer
• A detailed README, and free CC0 demo images