Terratide is an HTML website template for custom pool builders and outdoor-living design studios. Its 26 pages help homeowners explore pool styles, connect them with shade and outdoor cooking, compare materials and prepare a useful design inquiry. The fictional Austin studio gives a builder a complete starting point for explaining both the backyard they can create and the decisions that come before construction.

Water, stone and planting shape the design across the site. An overhead pool garden opens the homepage, with lagoon gradients, warm invitation panels, original plan illustrations and large outdoor photographs carrying the character into service and guidance pages. Outfit headings and DM Sans text keep the presentation clear, while 3 color schemes and independent Light, Dark and Auto modes offer different ways to present the same business.

Help homeowners plan a connected backyard

Courtyard pools, social pools and swim lanes each have their own page, imagery, spatial diagram and practical questions. Outdoor-living pages bring shade, pavilions, kitchens and terrace surfaces into the same conversation. A pool comparison and dedicated material guidance help visitors think about how they want to use the space before choosing a shape or finish.

The material board lets visitors compare a water finish with a terrace surface and carry that pairing into their design brief. A filterable collection of 3 original concept projects shows compact, social and linear arrangements, with individual project pages covering layout priorities, materials and site questions.

Turn interest into a useful first conversation

The guided design brief takes visitors through pool and outdoor priorities, broad site information, contact details and an editable review. Relevant service and project links carry their choices into the form, while changes to the pool direction clear incompatible selections. Visitors can leave unknown site details open for later discussion.

The complete demonstration reaches a clear completion state and offers a local notes download. Validation, pending feedback, unavailable service, rejection and uncertain receipt all have purposeful states and recovery actions. A documented live mode connects this frontend to the buyer's receiving service; a receipt confirms delivery of an inquiry rather than a construction quote or booked appointment.

Explain the work around the design

Dedicated pages cover the design-and-build process, site preparation, construction, safety planning and care at handover. Studio, service-area and expandable question pages support the first conversation without relying on invented testimonials or completed-client claims.

The homepage brings these subjects together in a substantial progression through pool choices, outdoor uses, materials and preparation. Interior layouts combine photographs, practical comparisons, diagrams, questions and relevant next steps, giving each destination a clear purpose.

What is included

• 26 complete pages: 24 substantive service, materials, concept, process, guidance and inquiry pages, plus Privacy and a custom 404.
• Interactive planning tools: a water-and-terrace material board, project filtering, expandable questions and the complete 3-step design brief.
• Ready-made website and editable source: production HTML, readable and minified CSS and JavaScript, layouts, partials, configuration, build commands and tests.
• Original visual assets: 12 generated illustration subjects supplied as 48 responsive WebP images, an editable SVG brand mark and pool-layout graphics.
• Local typography: Outfit and DM Sans WOFF2 fonts with their original license notices.
• Buyer documentation: a responsive HTML guide covering local viewing, editing, appearance, images, inquiry receiving and hosting.

Features

• Lagoon, Clay and Mineral color schemes, each with light and dark treatments.
• Light, Dark and Auto appearance choices with remembered preferences.
• Compact mobile navigation with full-width disclosure rows and clear group divisions.
• Contextual pool, feature, material and concept selections that carry into the brief.
• Review, editing, downloadable notes and explicit recovery for uncertain receipt.
• Separate demonstration and live inquiry behavior with acknowledgment and retry handling.

Accessibility features

Semantic landmarks, a skip link, structured headings and image alternatives support navigation and reading. Menus, questions, material choices and form controls work with a keyboard and include visible focus treatments. Labels and validation messages are associated with their fields, and an error in an earlier brief step reveals that step before moving focus to the relevant input.

Reduced-motion preferences are respected. Responsive layouts preserve reading order, and native navigation and expandable questions remain usable without JavaScript. The buyer guide includes named, keyboard-scrollable command and code regions.

Adapt the studio to your business

Terratide uses semantic HTML, modern CSS and vanilla JavaScript. Business details, page metadata, media and appearance choices have clear editing locations. Shared layouts and partials keep repeated content consistent, while directly editable pages give a builder room to explain its own services, region and approach.

The ready-made website works on static hosting without a framework or CMS. The source and documentation support changes to the business identity, pool catalog, materials, photographs, colors and inquiry integration.