A high-conversion, digital product storefront template designed for journals, planners, and self-improvement creators.
Flourish Studio is a clean, single-file storefront built with HTML5, CSS3, and Vanilla JavaScript. It’s engineered for creators who need a polished editorial design that converts mobile traffic into sales without the bloat of a full e-commerce backend.
"Designed to be easy to customize, fast to deploy, and strong enough to share as a professional portfolio piece."
- 💎 Polished Editorial Design: Move beyond generic store templates with a layout that feels like a premium brand.
- 📱 Mobile-First Excellence: Fully responsive design that feels intentional on both mobile and desktop.
- 🔗 Direct Checkout Hooks: Native support for Selar, Gumroad, Payhip, and more.
- ⚡ Zero Dependencies: No build steps, no frameworks, just pure speed.
- 🔍 SEO Optimized: Pre-configured metadata for search engines and social media sharing.
- Clone the repo
git clone https://github.com/Informant254/flourish-studio.git
- Update Content
Open
index.htmland replace placeholder product names, prices, and images. - Set Checkout
Update the
CHECKOUT_URLconstant with your Selar or Gumroad link. - Deploy Drag and drop the folder into Netlify or Vercel.
- Premium Hero Section
- Dynamic Product Grid
- High-Conversion CTA Buttons
- Email Capture / Newsletter Section
- Scroll Reveal Animations
- Social Preview (OpenGraph) Metadata
Easily tweak the design to match your brand:
- Colors: Update the
:rootCSS variables for instant branding. - Typography: Change fonts in the CSS header.
- Socials: Update footer links to your Twitter, Instagram, or LinkedIn.
If you find this template useful, please give it a ⭐ Star! It helps others find the project.
- Found a bug? Open an issue
- Want to contribute? Pull requests are welcome!
Distributed under the MIT License. See LICENSE for more information.
Built with ❤️ by Informant254