Buyer guide, delete this page before you publish
Where to change everything.
Every edit below happens in the Framer editor panels. No code. This page is set to not be indexed; delete it when you are done.
Brand name and footer note
Open the Clay Footer component and edit the Brand and Note variables. The wordmark in the sticky bar is a text layer inside the Site Layout template.
Colours
Design panel, Styles, Color. Seven styles named Clay Page, Clay Card, Clay Ink, Clay Muted, Clay Accent, Clay Soft and Clay Line drive every surface.
Fonts and sizes
Design panel, Styles, Text. Thirteen styles named Clay Display to Clay Wordmark. Change the font family once per style.
Cards, pills, chips, buttons
Design panel, Components. Clay Card, Clay Pill, Clay Buy Button, Clay Chip, Clay Bar Surface and Clay Dark Panel hold the shadows and corners. Edit the master once.
Product photos
Select any Image layer and replace its fill. The viewer photos live in the Product Viewer layer under Variants.
3D model
Select the Product Viewer layer on Home or Product and replace the 3D Model file. GLB or glTF, keep it under 5 MB. The Variants list maps a swatch to a photo and to a material variant name inside the model.
Prices
Text layers named Price in the sticky bar, hero and purchase options. Search the Layers panel for 119.
Checkout links
Seven layers named Checkout link (the sticky bar in Site Layout, the Home hero and CTA, the Product plans One-time, Subscribe, Preorder and its CTA) open the demo page /checkout. Select each and paste your checkout URL in the Link field: Polar, Lemon Squeezy, Shopify, Stripe. Then delete the Checkout page.
Reviews, FAQ, Journal
CMS panel. Three collections with plain fields. On the Basic plan keep two and delete the third.
Navigation and footer links
Clay Nav Links and Clay Footer components. Edit the master, every page follows.
Contact
The Support page holds a Framer form (Name, Email, Message) with the Clay Submit button. Set the recipient in Site Settings, Forms; submissions also appear in the Forms panel. A hidden layer named Email link is kept if you prefer a mailto button.
Site language, title, social image
Site Settings, General. Page titles and descriptions sit in each page’s settings.