{
 "slug": "brume",
 "name": "Brume",
 "title": "Free sauna website template",
 "description": "Free HTML sauna website template for a bathhouse or lakeside day spa, with timed passes and a request form. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a sauna and bathing house or day spa with a lake, timed passes and a booking request form",
 "summary": "A one-page site for a lakeside sauna and bathing house. It holds the round of heat, cold and rest, four rooms from the cold jetty to the smoke sauna with temperatures, a statement about steam, the lake, the hours of a day, the kitchen, the house, three timed passes with prices, questions and a day-request form. Near-black ground, warm light type, copper and lake-blue accents, with fog and steam as the recurring idea.",
 "fits": [
  "sauna or bathhouse",
  "day spa or wellness retreat",
  "lakeside or seaside cold-plunge club",
  "any venue sold in timed passes, with rooms of different character and a rhythm to the day"
 ],
 "categories": [
  "Health",
  "Travel"
 ],
 "tags": [
  "sauna",
  "spa",
  "bathhouse",
  "wellness",
  "cold plunge",
  "lake",
  "retreat",
  "passes",
  "booking form",
  "dark",
  "moody",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 92,
 "photos": 20,
 "fonts": [
  "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/gsap@3.13.0/dist/SplitText.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).",
 "sections": [
  {
   "key": "navigation",
   "id": "header",
   "heading": "",
   "about": "fixed bar with a three-bar mark and wordmark, five section links, a Book a day button and a menu button with an overlay"
  },
  {
   "key": "opening",
   "id": "arrival",
   "heading": "Heat, cold, and the quiet after.",
   "about": "two screens: a lake under fog with the headline, intro, two actions and live-looking readings; then a warm rest room, a three-line heading and three floating photos"
  },
  {
   "key": "ritual",
   "id": "round",
   "heading": "One round, three temperatures",
   "about": "three steps of one round (heat, cold, rest) beside a held photo frame that opens into each in turn"
  },
  {
   "key": "rooms",
   "id": "saunas",
   "heading": "Four rooms, coldest to hottest",
   "about": "four rooms coldest to hottest as rows, each with a temperature, a line that runs out to it, text, facts and a photo"
  },
  {
   "key": "statement",
   "id": "steam",
   "heading": "Water on the stones. A breath of heat rolls off the ceiling and the room goes quiet.",
   "about": "a five-line statement over a dark photo; a glow rises through it and the lines swell in weight"
  },
  {
   "key": "lake",
   "id": "lake",
   "heading": "The fifth room has no walls",
   "about": "a wide photo of the boardwalk into fog beside a heading, a paragraph and four facts"
  },
  {
   "key": "schedule",
   "id": "day",
   "heading": "A day at Brume, mist to lanterns",
   "about": "six hours of the day over a held lake photo that goes from morning mist to night; the hour at the middle of the screen lights up"
  },
  {
   "key": "kitchen",
   "id": "table",
   "heading": "The long table by the stove",
   "about": "a menu of five dishes with prices drawn between hairlines, beside three photos"
  },
  {
   "key": "house",
   "id": "house",
   "heading": "A house built for the weather",
   "about": "a photo of the bathhouse cut into vertical boards that slide into line, beside two paragraphs and a link"
  },
  {
   "key": "pricing",
   "id": "passes",
   "heading": "Choose your hours",
   "about": "three timed passes on an 08-22 time axis with a marker that sweeps across and lights the pass it is inside"
  },
  {
   "key": "faq",
   "id": "questions",
   "heading": "Before your first round",
   "about": "six questions in native details elements beside a heading"
  },
  {
   "key": "contact",
   "id": "visit",
   "heading": "Forty minutes from the city",
   "about": "how to get there and contact details beside a day-request form, closed by a large name that condenses out of mist"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Brume",
   "about": "a Book a day line, four columns (links, address, hours, contact), and a base line with readings, the copyright and a Top link"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/sauna-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/sauna-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/sauna-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/sauna-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/sauna-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my bathhouse: name, place, water, rooms with temperatures and seats, passes with hours and prices, menu, opening days, house rules, address, phone, email>. Replace the name, the readings, the passes and the room facts. Keep the section ids, the classes AGENTS.md lists, pass data-from and data-to between 8 and 22, and temperature data values between 0 and 100. Set each --len to its line's character count. Ask for missing facts; never invent prices, hours, health advice, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/brume/",
  "md": "https://8b.com/templates/brume.md",
  "json": "https://8b.com/templates/brume.json",
  "demo": "https://8b.com/templates/brume/demo.html",
  "ghDemo": "https://8bsite.github.io/sauna-website-template/",
  "repo": "https://github.com/8bsite/sauna-website-template",
  "zip": "https://8b.com/templates/brume/sauna-website-template.zip",
  "use": "https://github.com/new?template_name=sauna-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/sauna-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/sauna-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/sauna-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/sauna-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/sauna-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/sauna-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/brume/desktop.webp",
  "phone": "https://8b.com/templates/brume/phone.webp",
  "clip": "https://8b.com/templates/brume/scroll.mp4",
  "og": "https://8b.com/templates/brume/og.jpg",
  "design_md": "https://8b.com/templates/brume/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/sauna-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "sauna-website",
   "spa-website",
   "day-spa",
   "wellness",
   "bathhouse",
   "dark-theme",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}