Cueweave is an HTML website template for event lighting designers and production studios that need to show how a room, a stage and a running order come together. Its 24 substantive pages give visitors several ways to understand the work: by event format, by craft, through production studies or through practical planning resources. A prospective client can move from a visual reference to a production brief with the relevant service or event already selected.

The design takes its character from apertures, scenic layers and the paperwork behind a live event. Large event photographs sit beside editable drawings, numbered annotations, cue sheets and compact production notes. Pale violet surfaces, warm highlights and deep stage backgrounds connect the pages, while their compositions change with the subject. The homepage introduces an illustrative light desk, Programming follows a cue sequence, Previsualization opens with a room study, and the site-survey page works as a preparation checklist. These are useful parts of the visitor's journey as well as distinct ways to present the business.

A website built around the production conversation

Dedicated pages cover corporate events, galas, weddings and live performance. The craft pages explain lighting design, stage and architectural lighting, programming, show operation and previsualization. Studio and crew pages introduce the people and working approach, while two production studies connect the event intention, room context and sequence of decisions.

The planning section gives visitors something useful before they inquire. It includes a production process, venue coordination, run-of-show guidance, site-visit preparation and audience comfort. Each destination has its own examples and next steps, allowing the site to explain practical work without turning every page into the same service grid.

The production brief brings those decisions together in a guided flow. Visitors can describe the event, venue, audience and working dates, add or edit up to 6 production moments, review their outline and download a text summary. The delivered demonstration includes clear completion and recovery states. Real inquiries require the buyer's receiving service; a submitted brief is separate from booking, availability or technical approval.

What is included

• 24 substantive pages, plus a Privacy page and a designed 404 page.
• Event, craft, studio, crew, planning and production-study content with connected navigation.
• An interactive illustrative light desk, cue study, site-visit checklist and production brief.
• 10 original photographic subjects supplied in 4 responsive WebP sizes each.
• 7 editable SVG illustrations, an original brand mark and favicon, and 17 navigation icons.
• Locally served Sora and IBM Plex Mono fonts with their license notices.
• A ready-made website, editable HTML/CSS/JavaScript source, buyer guide and release notes.

Features

• Aperture, Warm focus and After hours color palettes, each with Light, Dark and Auto appearance.
• Illustrated desktop dropdowns with destination icons and a compact grouped phone menu.
• Event and service entry links that carry the visitor's choice into the brief.
• Editable production moments, review, validation, pending, receipt and recovery presentations.
• Browser-local appearance preferences, with personal brief entries kept in page memory.
• Responsive image markup, dedicated crops and live HTML labels around the technical illustrations.

Clear controls and readable content

Navigation uses native disclosures, visible focus and a skip link. Forms have associated labels and focused validation feedback, and the brief returns visitors to the step that needs attention. Appearance controls respect the system preference in Auto mode, and reduced-motion preferences are supported. The static navigation and planning content remain useful without JavaScript; interactive studies and the guided brief use JavaScript.

The layouts adapt from wide desktop views to narrow phones. Shared controls, diagrams, long labels and guide examples have specific narrow-screen treatments, so the visual detail remains part of the smaller layout.

Editable at the source

Cueweave uses semantic HTML, modern CSS and vanilla JavaScript. Shared layouts and partials keep repeated content together, while editable data controls the business identity, page metadata, appearance and brief choices. Individual page files retain their own content and composition. The included guide explains these editing points, image replacement and the receiving-service contract, and the build produces both readable and minified assets.

The result gives a lighting business room to explain its approach, show its visual range and begin a more informed production conversation.