Varelle is a fictional studio, and this is the template I'd show a documentary wedding photographer first. Each couple gallery gets the full width before the next one arrives, so the photos carry the page. The inquiry button stays in the top bar the whole time, so nobody has to hunt for it when they want to book. I wanted the gallery to feel like a photo book instead of a grid of thumbnails. Would you put the button in the top bar too?
We are testing two ways to browse a large template library.
Load More
Users initially see 9 cards. After clicking the button, 9 more are added while the previous results remain visible. Browsing feels continuous, but the page gradually becomes longer.
Pagination
The catalog is divided into numbered groups. When users select the next page, the current 9 cards are replaced with a new set. They can jump to a specific part of the catalog and easily return to where they were.
Load More creates a smoother browsing experience, while pagination offers greater control.
Which option would you choose for a template library?
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?