Tonemend is an HTML website template for a solo luthier or instrument repair atelier working with guitars, fretted electric basses and ukuleles. Its pages help players describe what has changed, understand the difference between setup, repair and restoration, and request an instrument evaluation without having to diagnose the problem themselves.

Warm wood imagery, generous typography and a distinctive bridge mark give the site a considered workshop character. The content follows the work beyond the first inquiry: evaluation and estimate stages, permission to proceed, visit preparation, instrument handover, collection and everyday care each have a clear place.

The guided evaluation frontend moves through instrument details, adult contact information and an editable review to a completed request receipt. A separate contact journey handles service-fit questions, practical access arrangements and existing requests. The preview demonstrates these journeys; connecting real receiving and scheduling is buyer-owned integration, documented alongside the included source.

What is included

Features

• Instrument-aware requests: Gather useful observations and route unusual instruments to a service-fit conversation.
• Clear preparation: Explain evaluation, drop-off and collection without promising live availability.
• Adaptable appearance: 3 named schemes with Light, Dark and Auto modes and editable source.

Services and workshop

• Home and instrument families introduce the atelier and its supported plucked-string scope.
• Services, setup, repair and restoration explain distinct starting points and decisions.
• The workshop describes evaluation, estimates and the separate approval of work.
• Instrument care and common questions give players useful preparation and handling guidance.

Requests and visits

• A 3-step evaluation request gathers observations, reply details and visit preferences before review.
• Contact routes unusual instruments and other workshop questions into a complete inquiry.
• Before your visit covers drop-off, safe transport, collection and visitor arrangements.
• Privacy, website terms, accessibility and a designed 404 complete the 15-page business site and error page.

A complete request interface

Observation choices stay non-diagnostic. Instrument families control relevant options, and unsupported or unusual instruments lead to a service-fit inquiry. Visit windows are preferences, with separate appointment confirmation clearly explained.

Validation, review and editing work within the actual interface. A completed receipt includes a reference, a printable summary and the next useful step. Pending, rejected, unavailable, uncertain and failed outcomes provide distinct recovery actions. The source includes 13 isolated state examples for inspecting those outcomes without contacting a receiving endpoint.

The receiving contract documents validation, request identity, retry handling, response formats and the downstream workflow. Request receipt remains separate from an appointment, diagnosis, estimate, permission to repair or instrument handover.

An editable workshop identity

Tonemend includes an original SVG bridge mark with a live-text wordmark, locally served Libre Baskerville and Source Sans 3 fonts, and 3 named schemes: Spruce, Rosewood and Midnight Blue. The business interface offers Light, Dark and Auto appearance modes. The preview's separate Options panel demonstrates the schemes; buyers choose the production default in source configuration.

Responsive instrument photographs are included as WebP assets in 3 sizes. Layouts adapt from wide compositions to narrow screens, with navigation, form actions and reading measures designed for their available space.

Production files and understandable source

The package contains a ready-made static website, self-contained editable HTML/CSS/JavaScript source, build scripts, focused tests and an illustrated HTML buyer guide. Readable and minified production CSS and JavaScript are generated from the same source. The ready-made HTML loads the minified editions.

Semantic structure, labelled controls, visible keyboard focus, native disclosures and dialogs, reduced-motion handling and a printable request summary support practical everyday use. The vanilla implementation has no third-party browser runtime or required submission-service account.