Make the collection yours.

Edit the CMS, not eight separate cards.

Open Material studies in CMS. Each entry contains Title, Code, Image, Family, Finish, Use, Description and Search keywords. Add the relevant family in Material families first. Search uses Search keywords: include title, code, family and useful synonyms. Keep codes unique.

Replace the vector studies.

The supplied original SVGs are concept illustrations, with no third-party photography. Upload your own licensed sample photographs in Image, with useful alt text. Use the same crop ratio, check every responsive width, and retain the illustration note until all fictional content has been replaced.

Supply verified information.

Replace palette notes with real supplier dimensions, care and suitability. Do not add unsupported sustainability, fire or acoustic claims. These samples are not product specifications. The light button is a visual overlay, not a physical lighting simulation.

What works without a backend.

Native CMS keyword search matches material names, codes, finishes and the family keywords wood, surface, textile or metal. Each specimen opens its notes and prepares plain text in a selectable field for manual copying. Nothing is sent or ordered. The text reference contains current CMS card values.

Before your own launch.

Set your own brand, metadata, favicon and social image. Verify CMS fields, family keyword searches, no-result state, keyboard controls and downloads on desktop and phone. Connect your domain and check current Framer hosting/CMS plan requirements in your account; no paid plan or commission outcome is guaranteed. Keep this guide noindex or remove it from your public navigation as appropriate.

Create a free website with Framer, the website builder loved by startups, designers and agencies.