Maison Sable

Maison Sable is a Parisian architectural designer purse and luxury accessories e-commerce template for Framer—crafted on a high-contrast Obsidian Noir (#0B0A0E), Plum Velvet (#16131C), Electric Rose (#FF5CA8), and Warm Alabaster (#FAF7F9) palette pairing Fraunces, Tenor Sans, and JetBrains Mono. Interactive 'What Fits Inside' Purse Configurator + Dashed 1px Catalog Grid (.TSX) Includes 10 bespoke zero-dependency React components with Framer Property Controls: • MaisonSableHeroCollage.tsx — Editorial Parisian purse showcase with a 2x2 architectural edition grid, studio lookbook frames, and instant + BAG slide-out drawer triggers. • MaisonSableBagFitConfigurator.tsx — Interactive 'What Fits Inside' purse capacity configurator (16" laptop, tablet, cosmetics pouch, passport, sunglasses) with live interior volume and weight telemetry. • MaisonSableCatalogGrid.tsx & MaisonSableProductDetail.tsx — Dashed 1px maroquinerie catalog grid with silhouette filters, finish swatches, 4-coat edge-paint inspection, and express bag checkout. • MaisonSableBundlesPage.tsx — 3-Purse Capsule Sets with automatic -18% bundle savings and custom trio builder. Focused 6-Page E-Commerce Core Spine + 4 Utility Routes • Home (/) — Editorial hero collage, 2x2 numbered purse showcase, interactive 'What Fits Inside' configurator, catalog grid, and Paris/Florence atelier chapters. • Purse Catalog (/shop & /shop/:slug) — Filterable designer purse collection (Totes, Shoulder Purses, Baguettes, Evening Pouchettes) + detailed product pages. • 3-Purse Capsule Sets (/bundles) — Curated 3-piece purse sets with -18% capsule pricing. • Paris & Florence Atelier (/about) & Concierge Checkout (/contact) — Studio craft story, verified collector FAQ, and express purse checkout desk. • Utility Shell — Interactive 12-station /guide owner manual (with 28x28 dual-tone iconography), /privacy, /terms, and /404.