{
 "slug": "nocturna",
 "name": "Nocturna",
 "title": "Free art gallery website template",
 "description": "Free HTML art gallery website template for galleries, museums and art venues, with a programme and passes. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an art gallery or kunsthalle with night hours, a season programme, a screening hall, passes and a visit form",
 "summary": "A one-page site for a kunsthalle that opens after dark. It runs through the opening, a six-night programme, four rooms, five resident artists, a Friday midnight screening, a relay of eight cities, a journal, three passes, questions and a visit form. White ruled cells with hairlines, a two-weight grotesque, arch-shaped photos, dark night screens and a coral glow.",
 "fits": [
  "art gallery or kunsthalle with a changing programme",
  "museum, art centre or cultural venue with late openings",
  "cinema, performance space or festival with a season of events",
  "any venue with rooms, resident artists and tiered passes, by its ruled hairline look"
 ],
 "categories": [
  "Event",
  "Culture"
 ],
 "tags": [
  "art gallery",
  "kunsthalle",
  "museum",
  "cultural venue",
  "exhibition",
  "film screening",
  "night events",
  "artists",
  "membership",
  "hairlines",
  "dark and white",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 105,
 "photos": 19,
 "fonts": [
  "Host Grotesk",
  "Pliant"
 ],
 "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": "white top bar over the right two thirds: arch logo, coral dot, four links, Menu button; Menu opens a dark overlay with seven links; the bar hides on scroll down"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Lights down at nine. Eyes open till two.",
   "about": "dark screen with the heading \"Lights down at nine. Eyes open till two.\", intro, Get a pass button, See the season link, three fact cells and five stars"
  },
  {
   "key": "programme",
   "id": "programme",
   "heading": "Six nights to stay up for",
   "about": "ledger of six nights with dates, titles, formats and rooms, beside a sticky arch window that shows a photo per night"
  },
  {
   "key": "rooms",
   "id": "rooms",
   "heading": "Four rooms, one long night",
   "about": "dark stage with the heading \"Four rooms, one long night\", a Plan a visit button and a plan of four rooms that a coral lamp walks through"
  },
  {
   "key": "artists",
   "id": "artists",
   "heading": "Five artists who work at night",
   "about": "five resident artists as huge two-weight names with a role line and an arch portrait each"
  },
  {
   "key": "screening",
   "id": "screening",
   "heading": "Head lights",
   "about": "3x3 ruled credits grid with a film still in the middle that opens to the full screen"
  },
  {
   "key": "relay",
   "id": "relay",
   "heading": "One film, eight midnights",
   "about": "one row of eight city cells in midnight order that a coral line sweeps across, each turning dark"
  },
  {
   "key": "journal",
   "id": "journal",
   "heading": "Close your eyes",
   "about": "light-blue section: one featured note in a big arch, two short notes with round photos, a row of five stars"
  },
  {
   "key": "pass",
   "id": "pass",
   "heading": "One evening, or every one",
   "about": "three passes with price, three included items and a button each: One Night, Night Pass, Patron"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions for the night",
   "about": "vertical rail \"Before you come\", an intro with three stars and five questions that open and close"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come late. Stay later.",
   "about": "four info cells, the heading \"Come late. Stay later.\" and a form with name, email and question, over a light-blue dawn disc"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "dark footer with the wordmark filling the width and four ruled columns"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/art-gallery-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my venue: name, address, opening hours, rooms, season events with dates, resident artists, any screening, ticket and pass prices>. Replace first the name, hours, six programme rows, five artists, prices and the Rotterdam address. Keep the section ids and the classes AGENTS.md lists, set each --len to its text length, and keep four rooms, eight relay cities and three pass cards. Ask me for missing facts and never invent dates, prices, artists or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/nocturna/",
  "md": "https://8b.com/templates/nocturna.md",
  "json": "https://8b.com/templates/nocturna.json",
  "demo": "https://8b.com/templates/nocturna/demo.html",
  "ghDemo": "https://8bsite.github.io/art-gallery-website-template/",
  "repo": "https://github.com/8bsite/art-gallery-website-template",
  "zip": "https://8b.com/templates/nocturna/art-gallery-website-template.zip",
  "use": "https://github.com/new?template_name=art-gallery-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/art-gallery-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/art-gallery-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/art-gallery-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/nocturna/desktop.webp",
  "phone": "https://8b.com/templates/nocturna/phone.webp",
  "clip": "https://8b.com/templates/nocturna/scroll.mp4",
  "og": "https://8b.com/templates/nocturna/og.jpg",
  "design_md": "https://8b.com/templates/nocturna/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/art-gallery-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "art-gallery",
   "museum-website",
   "cultural-venue",
   "gallery-template",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}