Noto: ecommerce storefront template in Framer

Noto is a storefront template for designers who want to launch a product brand in Framer without starting the store layout from scratch. I built it around a fictional sculptural chrome furniture brand so the demo content would carry real weight: large imagery, restrained type, and product pages that give the pieces room. It doubles as the reference store for The Good Commerce, so every ecommerce component in it is one a buyer can rearrange or restyle.

Pages: homepage with a two panel hero, storefront grid, product page template with variant selector and related products, cart as a native Framer overlay.

Components: product card, product price, variant selector, purchase button, cart button, cart list, subtotal and checkout button, all from The Good Commerce library.

CMS collections: TGC Products and TGC Categories, both created and kept in sync by the plugin.

The template is designed to run on The Good Commerce plugin: the CMS holds a design snapshot for working in Framer, and the published site pulls prices, stock and variants from Swell at runtime.