Ecommerce · React
Jewellery atelier
Refined jewellery store with recycled silver and gold pieces, bespoke rings, care, delivery and returns.
What you get
A storefront for a small jewellery maker: a quiet centred hero, rings, earrings, necklaces and bracelets with prices, a bespoke ring service, delivery and returns, customer quotes, an FAQ on metals and sizing, and a newsletter. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Maren Atelier", "nav": [ { "label": "Collection", "href": "#collection" }, { "label": "Bespoke", "href": "#bespoke" }, { "label": "Delivery", "href": "#delivery" }, { "label": "FAQ", "href": "#faq" } ], "navCta": { "label": "Shop the collection", "href": "#collection" }, "sections": [ { "kind": "hero", "variant": "center", "eyebrow": "Handmade in Leith, Edinburgh", "title": "Recycled silver and gold, shaped by the sea.", "text": "Rings, earrings and pendants cast from 100% recycled metal and finished by hand at our bench. Each piece is made in a run of no more than forty.", "primary": { "label": "Shop the collection", "href": "#collection" }, "secondary": { "label": "Commission a ring", "href": "#bespoke" }, "visual": { "type": "none" }, "note": "Free UK delivery in a gift box. 60-day returns." }, { "kind": "products", "id": "collection", "eyebrow": "Collection", "title": "The Shore collection", "text": "Sterling silver unless noted. Rings in sizes H to T.", "currency": "£", "items": [ { "name": "Tide Ring, silver", "price": 85, "category": "Rings", "tone": "#78716c", "text": "Rippled 3 mm band, polished inside.", "badge": "Bestseller" }, { "name": "Tide Ring, 9ct gold", "price": 340, "category": "Rings", "tone": "#8a6d3b", "text": "The same band in recycled yellow gold." }, { "name": "Pebble Signet", "price": 190, "category": "Rings", "tone": "#57534e", "text": "Oval face, can be engraved.", "badge": "New" }, { "name": "Seed Studs", "price": 45, "category": "Earrings", "tone": "#a8a29e", "text": "Tiny domed studs, 4 mm.", "badge": "Bestseller" }, { "name": "Everyday Hoops, 18 mm", "price": 70, "category": "Earrings", "tone": "#6b6560", "text": "Hinged, light enough to sleep in." }, { "name": "Pearl Drops", "price": 95, "category": "Earrings", "tone": "#7c6a55", "text": "Freshwater pearls on silver wire.", "badge": "Low stock" }, { "name": "Shore Pendant", "price": 110, "category": "Necklaces", "tone": "#44403c", "text": "Textured disc on a 45 cm chain." }, { "name": "Fine Curb Chain", "price": 60, "category": "Necklaces", "tone": "#57534e", "text": "1.5 mm, 45 or 50 cm." }, { "name": "Kelp Bangle", "price": 150, "category": "Bracelets", "tone": "#9a7b4f", "text": "Hammered open bangle, adjustable.", "badge": "New" }, { "name": "Link Bracelet", "price": 120, "category": "Bracelets", "tone": "#3f3a36", "text": "Hand-formed oval links, 19 cm." } ] }, { "kind": "split", "id": "bespoke", "eyebrow": "Bespoke", "title": "Engagement and wedding rings, made with you", "text": "Book a consultation at the bench. We sketch together, make a silver model for you to try, then cast the final ring. You can bring old jewellery to melt down.", "bullets": [ "Consultations free, at the studio or by video", "Wedding bands from £180, engagement rings from £650", "Usually 6 to 8 weeks from sketch to ring" ], "visual": { "type": "card", "tone": "#7c2d12", "title": "Bespoke ring process", "lines": [ "Sketch and choose the metal", "Try on a silver model", "Final ring cast and finished" ] } }, { "kind": "features", "id": "delivery", "eyebrow": "Delivery & returns", "title": "Wrapped, insured and easy to return", "columns": 4, "items": [ { "title": "Free UK delivery", "text": "Royal Mail Special Delivery, insured and signed for, in a recycled card gift box.", "icon": "truck" }, { "title": "60-day returns", "text": "Unworn pieces can be returned for a full refund. Engraved and bespoke pieces are final sale.", "icon": "box" }, { "title": "Free resizing", "text": "Rings can be resized once for free within a year of purchase.", "icon": "wrench" }, { "title": "Repairs for life", "text": "Broken chain or lost stone? We repair our own pieces at cost.", "icon": "heart" } ] }, { "kind": "quotes", "eyebrow": "Customers", "title": "Worn every day", "items": [ { "quote": "I haven't taken my Tide Ring off in two years. It's softened into the most beautiful shine.", "name": "Isla M.", "role": "Edinburgh" }, { "quote": "We melted down my gran's old ring for our wedding bands. It meant everything to us.", "name": "Callum & Rosa", "role": "Bespoke wedding bands" }, { "quote": "Wrong size, sent it back, got the new one in three days. Painless.", "name": "Nadia K.", "role": "Ring resize" } ] }, { "kind": "faq", "id": "faq", "eyebrow": "FAQ", "title": "Metals, sizing and care", "items": [ { "q": "How do I find my ring size?", "a": "We post a free reusable ring sizer. You can also measure a ring you own against our printable guide." }, { "q": "Will silver tarnish?", "a": "All silver darkens with time. Wearing it often keeps it bright; a polishing cloth is included with every order." }, { "q": "Are your pieces hallmarked?", "a": "Yes. Pieces above the UK legal weight thresholds are hallmarked before they are sold." }, { "q": "Where does the metal come from?", "a": "Our casting house supplies only recycled silver and gold, refined from old jewellery and industrial scrap." } ] }, { "kind": "cta", "title": "First look at new pieces", "text": "We release small runs a few times a year and they often sell out. Subscribers hear about them 48 hours early.", "primary": { "label": "Join the list", "href": "#contact" }, "secondary": { "label": "Shop the collection", "href": "#collection" } }, { "kind": "contact", "eyebrow": "Newsletter & bespoke", "title": "Write to the studio", "text": "Sign up for early access, or tell us about the ring you have in mind and we'll suggest a time to talk.", "fields": [ "name", "email", "message" ], "button": "Send" } ], "footer": { "text": "Recycled silver and gold jewellery, handmade in Leith.", "columns": [ { "title": "Shop", "links": [ "Rings", "Earrings", "Necklaces", "Bracelets" ] }, { "title": "Help", "links": [ "Delivery", "Returns", "Ring sizing", "Care" ] } ], "legal": "© Maren Atelier. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Jewellery atelier's files. The box is already started for you: finish “Start from Jewellery atelier and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Coffee roaster shop
Dark storefront for a specialty roaster with single origins, a subscription, brew gear and shipping info.
- Featured
Ecommerce storefront
A product catalog with category filters and search, product detail view, and a cart kept in local state.
Sneaker store
Dark sneaker storefront with a filterable catalog, a resole service, drop sign-ups and a working cart.
Build on Jewellery atelier
Create a free account, start from this template, and ask the AI agent to turn it into your app.