{
 "slug": "quire",
 "name": "Quire",
 "title": "Free stationery shop website template",
 "description": "Free HTML stationery shop website template for stationers and paper studios, with a subscription and workshops. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a stationery shop or paper studio, for customers who browse, join a subscription and book workshops",
 "summary": "A one-page site for an independent stationer: an opening statement, five shelves, a paper library with four papers in tabs, new arrivals, ten makers, a four-step letterpress service, a three-tier monthly subscription, three Thursday workshops, questions and a contact form. White and near-black pages with one lilac accent, two weights of a clean sans, and photographs of paper, pens and presses.",
 "fits": [
  "stationery shop or paper store",
  "letterpress or print studio",
  "independent bookshop, gift shop or craft supplies store",
  "any small shop with a subscription, workshops and a handmade range"
 ],
 "categories": [
  "Shop"
 ],
 "tags": [
  "stationery shop",
  "stationer",
  "paper shop",
  "letterpress",
  "notebooks",
  "pens and ink",
  "subscription box",
  "workshops",
  "independent shop",
  "small business",
  "retail",
  "lilac",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 93,
 "photos": 22,
 "fonts": [
  "Stack Sans Headline",
  "Stack Sans Text"
 ],
 "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/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.4/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": "navigation",
   "heading": "",
   "about": "top bar: wordmark, six section links, a Visit the shop button and a menu button; a full-screen menu on phones"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "We stock what we would write with ourselves, and you can try all of it before it goes in the bag.",
   "about": "one statement as the h1, a short story paragraph with two links, and a wide photo of a wall of pens and pencils"
  },
  {
   "key": "shelves",
   "id": "shelves",
   "heading": "Five shelves, chosen by hand.",
   "about": "five shelves as a list beside a sticky plate of photos that wipe to the shelf in view (demo: Paper & card, Pens & ink, Notebooks, Post & sealing, Paint & drawing)"
  },
  {
   "key": "paper",
   "id": "paper",
   "heading": "The paper library. Touch before you buy.",
   "about": "a panel with four paper tabs (demo: Cotton rag, Kraft & recycled, Marbled, Washi), a stack of four photos and a detail panel with sizes, best for and price"
  },
  {
   "key": "arrivals",
   "id": "arrivals",
   "heading": "New on the shelves.",
   "about": "a sticky heading and button beside four new-arrival cards with photo, name, price, maker and date (demo: notebook £24, pencil set £14, seal kit £32, watercolour tin £38)"
  },
  {
   "key": "makers",
   "id": "makers",
   "heading": "Ten of our thirty-one makers, most of them small.",
   "about": "a grid of ten maker tiles with name, city and craft (demo: Hollin Bindery, Orba, Merrow & Lane, Studio Kesh, Tidewell Mill and five more)"
  },
  {
   "key": "press",
   "id": "press",
   "heading": "Printed to order, in the back room.",
   "about": "a pinned horizontal row: an intro with a button, then four steps with photos (demo: choose stock and set type, proof, print by hand, wrap and collect)"
  },
  {
   "key": "club",
   "id": "club",
   "heading": "The Monthly Quire. Paper by post.",
   "about": "a panel with three subscription tiers, each with a price, a line, a list and a button (demo: Pocket £12, Desk £24 marked Most chosen, Studio £45)"
  },
  {
   "key": "evenings",
   "id": "evenings",
   "heading": "Thursday evenings at the shop.",
   "about": "three workshop cards with photo, date, title, text, price and a Book a place link (demo: an italic hand, a Coptic notebook, a watercolour field journal)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions at the counter.",
   "about": "six questions and answers as native <details> rows with a sticky heading and phone and email links"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "27 Ash Row, Edinburgh.",
   "about": "the address as a large two-line heading, a photo, opening hours, address, phone and email, and a message form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "panel with a large wordmark, a tagline, three link columns (Shop, Services, Visit) and the copyright line with the Design: 8B credit"
  }
 ],
 "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/stationery-shop-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my shop: name, address, opening hours, shelves or ranges, the papers people can try, with prices, new arrivals, makers I buy from, a made-to-order service, subscription tiers, workshop dates, how people reserve>. Replace first the Ash Row address, hours, prices and dates. Keep the section ids, the classes AGENTS.md lists, the five shelf rows paired with five photos, the four paper tabs and panels, and each --len. Ask me for missing facts; never invent prices or dates."
 },
 "links": {
  "page": "https://8b.com/templates/quire/",
  "md": "https://8b.com/templates/quire.md",
  "json": "https://8b.com/templates/quire.json",
  "demo": "https://8b.com/templates/quire/demo.html",
  "ghDemo": "https://8bsite.github.io/stationery-shop-website-template/",
  "repo": "https://github.com/8bsite/stationery-shop-website-template",
  "zip": "https://8b.com/templates/quire/stationery-shop-website-template.zip",
  "use": "https://github.com/new?template_name=stationery-shop-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/stationery-shop-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/stationery-shop-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/stationery-shop-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/quire/desktop.webp",
  "phone": "https://8b.com/templates/quire/phone.webp",
  "clip": "https://8b.com/templates/quire/scroll.mp4",
  "og": "https://8b.com/templates/quire/og.jpg",
  "design_md": "https://8b.com/templates/quire/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/stationery-shop-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "stationery-shop",
   "paper-shop",
   "letterpress",
   "bookshop-website",
   "small-business",
   "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/"
 }
}
