{
 "slug": "pervenche",
 "name": "Pervenche",
 "title": "Free interior design website template",
 "description": "Free HTML interior design website template for colour studios and decorators. AGENTS.md for Claude Code and Cursor, or 8B's builder if you do not code.",
 "kind": "One-page website for an interior colour studio or interior designer, with a method, projects, paints, fixed prices and a contact form",
 "summary": "A one-page site for a small interior colour studio: a mosaic of tiles with the method, an A to Z glossary, six projects, client quotes, a price list, six house paints, a daylight section, four meeting steps, questions and a contact form. Flat periwinkle, pink and lime colour on a near-white ground, with tall condensed serif type and hairline caption strips.",
 "fits": [
  "interior colour studio or interior designer",
  "decorator, home stylist or painter with a design service",
  "architecture or furniture studio with fixed-price packages",
  "any small studio with a glossary, a price list and a handful of projects"
 ],
 "categories": [
  "Architecture and building",
  "Agency and studio"
 ],
 "tags": [
  "interior design",
  "colour studio",
  "interior designer",
  "decorator",
  "home staging",
  "paint colours",
  "portfolio",
  "price list",
  "flat colour",
  "serif",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 125,
 "photos": 7,
 "fonts": [
  "Google Sans",
  "Roboto Serif"
 ],
 "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(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "top bar: four section links, a studio tagline, the Pervenche wordmark and a Menu button that opens a full-screen overlay"
  },
  {
   "key": "method",
   "id": "method",
   "heading": "Every room is a specimen",
   "about": "first screen: a mosaic of colour tiles around the h1 \"Every room is a specimen\", a paragraph, a button, a photo and a See the rooms tile"
  },
  {
   "key": "alphabet",
   "id": "alphabet",
   "heading": "A room alphabet",
   "about": "a sticky A to Z wall of letters beside a glossary of ten entries (demo: room terms such as Arch, Colour drench, Limewash)"
  },
  {
   "key": "rooms",
   "id": "rooms",
   "heading": "Rooms we have drawn",
   "about": "six projects as photos with a name and a type, place and year (demo: a hair salon, an attic bedroom, a pâtisserie counter, a café front)"
  },
  {
   "key": "voices",
   "id": "voices",
   "heading": "Said in our rooms",
   "about": "a periwinkle band with three client quotes on cards, a badge and a giant COLOUR FIRST word pair"
  },
  {
   "key": "prices",
   "id": "prices",
   "heading": "Commissions",
   "about": "a price sheet of four rows with a name, a line, Fixed or From and a price in a lime pill (demo: colour walk to whole-home)"
  },
  {
   "key": "paints",
   "id": "paints",
   "heading": "Six house paints",
   "about": "six tall paint cards in a sticky deck, each leaving its rotated name as a spine (demo: Pervenche, Bonbon, Citron, Lilas, Craie, Encre)"
  },
  {
   "key": "light",
   "id": "light",
   "heading": "We paint for the light you have",
   "about": "a text column with four hours of the day beside a painted wall where a patch of sunlight crosses and night falls (demo: Morning, Noon, Evening, Night)"
  },
  {
   "key": "sittings",
   "id": "sittings",
   "heading": "Four sittings",
   "about": "four rings that roll into one chain above four numbered meeting steps (demo: Walk, Draw, Sample, Paint)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions people ask",
   "about": "five questions and answers as native <details> items with a plus that turns into a cross"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "B o n j o u r",
   "about": "a closing frame with a giant \"Bonjour\" word, caption strip, a form and the studio details"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Studio",
   "about": "footer: brand and address, a Studio column of five links, an Elsewhere column with Instagram, Pinterest and email, a caption strip with the copyright and Design: 8B"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "form",
  "email",
  "phone",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/interior-design-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my interior studio: city, what I design, projects with town and year, packages with fixed prices, paints or palette, how a job runs in steps, opening hours, address, how clients reach me>. Replace first the studio name everywhere, the four prices, the six project names, the client quotes and the contact details. Keep the section ids, the data-8b attributes AGENTS.md lists and four sittings. Ask me for any missing fact and never invent prices, hours, addresses, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/pervenche/",
  "md": "https://8b.com/templates/pervenche.md",
  "json": "https://8b.com/templates/pervenche.json",
  "demo": "https://8b.com/templates/pervenche/demo.html",
  "ghDemo": "https://8bsite.github.io/interior-design-website-template/",
  "repo": "https://github.com/8bsite/interior-design-website-template",
  "zip": "https://8b.com/templates/pervenche/interior-design-website-template.zip",
  "use": "https://github.com/new?template_name=interior-design-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/interior-design-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/interior-design-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/interior-design-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/pervenche/desktop.webp",
  "phone": "https://8b.com/templates/pervenche/phone.webp",
  "clip": "https://8b.com/templates/pervenche/scroll.mp4",
  "og": "https://8b.com/templates/pervenche/og.jpg",
  "design_md": "https://8b.com/templates/pervenche/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/interior-design-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "interior-design",
   "color-studio",
   "portfolio-website",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}