Ceramics and Craft Studios - Template

Handmade work deserves a website that feels tactile. Kiln opens on a wheel of your pieces: visitors drag it to spin it, scroll to turn it or step through with the arrow keys, and whatever faces them is named with its price.

Signature interaction. A wheel of pieces that spins with drag and inertia, turns with the scroll and settles on the piece facing the visitor.

Features

• Potter's wheel hero. Drag, scroll or use the arrow keys to turn the wheel of pieces.
• Open now, live. Opening hours computed in your studio's timezone, shown in the nav.
• Process story. Six steps from wedge to fire, with a line that fills as you scroll.
• Priced collection. Every piece with price, glaze and edition in a calm grid.
• Visit and stockists. Address, hours table with today highlighted and your stockists.
• Piece pages. Photograph beside the details, an enquiry button and more images.

What's included

• A home page and 9 piece pages, generated from one content file
• Every word, image, link and colour in content.json, so no code changes are needed to make it yours
• README and a buyer guide for editing, building and deploying
• The Studio Engine: Vite, TypeScript, smooth scrolling and animation
• Self-hosted open licence (OFL) fonts and generated placeholder images
• QA notes with the test results

Built right

• Lighthouse mobile 97 to 100 performance, 100 accessibility, best practices and SEO
• Keyboard accessible, works without JavaScript and respects reduced motion
• About 60 KB of JavaScript gzipped
• Deploys as static files to any host