{
 "slug": "oriel",
 "name": "Oriel",
 "title": "Free jewelry website template",
 "description": "Free HTML jewelry website template for goldsmiths and custom jewellers, with a price list and booking form. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a goldsmith who remakes old gold into custom rings and jewellery",
 "summary": "A one-page site for an independent goldsmith's studio: what the bench makes with prices, where the gold comes from, five sittings from sketch to hand-over, a stand-in ring for proposals, three remade pieces, the four makers, questions, a care and price list, and a booking form. A pale grey page with coral, near-black, khaki and lilac bands, grotesque headings mixed with a serif, round photos fused to pills, and a strand of pieces pulled sideways.",
 "fits": [
  "goldsmith or custom jeweller",
  "jewellery repair and valuation studio",
  "silversmith, watchmaker or engraver with a few makers",
  "any craft studio that sells by appointment and shows a process"
 ],
 "categories": [
  "Shop",
  "Local business"
 ],
 "tags": [
  "goldsmith",
  "jeweller",
  "jewellery",
  "engagement rings",
  "wedding bands",
  "bespoke",
  "custom jewellery",
  "craft studio",
  "artisan",
  "variable font",
  "lilac",
  "coral",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 26,
 "fonts": [
  "Instrument Sans",
  "Source Serif 4"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "a Menu button, the wordmark with a dot, a Price Guide button and a call button with the founder's round photo; a full-screen menu with nine links"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Every Drawer Holds A Ring Waiting To Be Made.",
   "about": "one big rounded coral panel: a heading in two voices, a paragraph, six badges, a valuation button and a photo of an old jewellery box with a caption pill"
  },
  {
   "key": "pieces",
   "id": "pieces",
   "heading": "What Leaves Our Bench Most Weeks",
   "about": "a held screen where five tall piece frames travel sideways as one strand, curving up in the middle"
  },
  {
   "key": "gold",
   "id": "gold",
   "heading": "Where Our Metal Comes From",
   "about": "where the metal comes from: an intro and three rows, each a round photo fused to a pill"
  },
  {
   "key": "bench",
   "id": "bench",
   "heading": "Five Sittings From Drawer To Hand",
   "about": "five numbered sittings from sketch to hand-over; each name swells wide and bold as it crosses the reading line and its photo circle grows"
  },
  {
   "key": "standin",
   "id": "standin",
   "heading": "Proposing? Use A Stand-In.",
   "about": "a tall photo beside a pitch for a silver stand-in ring, three points and a button"
  },
  {
   "key": "stories",
   "id": "stories",
   "heading": "Three Pieces That Came Back Different",
   "about": "three remade pieces as stacking cards, each with the story, a quote and a came-in and came-out photo pair"
  },
  {
   "key": "studio",
   "id": "studio",
   "heading": "Four At The Bench And A Seat For You",
   "about": "four makers and an empty seat for the visitor: round portraits start as a small cluster and spread into a row"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Asked At The Counter",
   "about": "five questions and answers (native details) with a phone line"
  },
  {
   "key": "care",
   "id": "care",
   "heading": "Looked After For As Long As You Wear It",
   "about": "a care promise and eight price pills that settle from a scatter into one block"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come Round To Tanner's Wynd",
   "about": "address, hours, phone and email as fused pills, a shop photo and a booking form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "address, hours, contacts and five links above a huge wordmark that widens as you scroll, then the legal line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/jewelry-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make it the site for <my studio: name, city, what we make and repair, starting prices, service prices, lead times, hallmarking office, makers and roles, hours, booking, legal name and company number>. Replace first the studio name, the five pieces, the five process steps, the three stories, the makers and the care prices. Keep the section ids, the classes AGENTS.md lists and each --len set to its name's character count. Ask me for missing facts; never invent hallmarks, carats, reviews, quotes or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/oriel/",
  "md": "https://8b.com/templates/oriel.md",
  "json": "https://8b.com/templates/oriel.json",
  "demo": "https://8b.com/templates/oriel/demo.html",
  "ghDemo": "https://8bsite.github.io/jewelry-website-template/",
  "repo": "https://github.com/8bsite/jewelry-website-template",
  "zip": "https://8b.com/templates/oriel/jewelry-website-template.zip",
  "use": "https://github.com/new?template_name=jewelry-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/jewelry-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/jewelry-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/jewelry-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/oriel/desktop.webp",
  "phone": "https://8b.com/templates/oriel/phone.webp",
  "clip": "https://8b.com/templates/oriel/scroll.mp4",
  "og": "https://8b.com/templates/oriel/og.jpg",
  "design_md": "https://8b.com/templates/oriel/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/jewelry-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "jeweller-website",
   "goldsmith-website",
   "jewellery-website",
   "engagement-rings",
   "bespoke-jewellery",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}