Rootweather gives native landscape designers, planting studios and garden stewardship practices a complete website built around the places they help people care for. Its garden stories, seasonal fieldbook and guided consultation brief turn a visual portfolio into a useful first conversation: visitors can explore different site conditions, learn what to observe and explain what they hope their garden will become.

The design pairs expressive serif typography with quiet greens, warm paper tones and original garden imagery. A large editorial opening leads into woodland, courtyard and rain-aware garden studies, while service pages explain planting design and the care that follows it. The content is written around native planting, habitat, seasonal change and everyday use of outdoor space, with a fictional western Oregon studio as the editable starting point.

The 4-step garden brief helps visitors describe their place, conditions, priorities and contact details before reviewing their answers. The live preview demonstrates receipt and recovery states; real inquiry delivery connects to a buyer-operated receiver. Visitors can also prepare a printable brief or download their notes, giving the conversation a useful starting point even before an online receiver is configured.

What is included

• 18 complete pages: Home, garden collection, 3 garden stories, services, planting design, stewardship, process, studio, fieldbook, site-reading guide, seasonal guide, consultation preparation, garden brief, privacy, accessibility and a designed 404 page.
• 3 garden studies: A sunny courtyard, a woodland edge and a rain-aware planting concept, each with observations, an editable SVG diagram and seasonal care questions.
• Original garden imagery: 9 AI-generated scenes supplied as 27 optimized WebP files at 3 sizes. Garden images and stories are illustrative concepts, ready to replace with your own work.
• A complete visual system: Field, Clay and Watershed color schemes; independent Light, Dark and Auto appearance modes; locally hosted Newsreader and DM Sans fonts; and an editable live-text wordmark with a simple botanical symbol.
• Ready-made and editable versions: A ready-to-host frontend, readable HTML/CSS/JavaScript source, a self-contained build project and a buyer guide covering content, palettes, assets, receiving and hosting.

Features

Garden and fieldbook filters help visitors find relevant conditions and seasonal notes. The site-reading guide introduces sun, soil, water and existing vegetation in language a homeowner can use before a consultation. Planting and stewardship pages explain how a design changes from an initial idea into establishment and ongoing care.

The garden brief includes dependent questions, inline validation, a review screen with section editing, plain-text downloads and print styling. Its receiving flow distinguishes an unavailable service, a rejected inquiry and an unconfirmed attempt. An unconfirmed attempt keeps the same brief and reference for a retry, avoiding a misleading success message. A separate preview adapter provides labeled demonstrations without sending visitor details.

Made for a living portfolio

Rootweather offers more than an image grid. Each garden story has room for context: what was noticed, what could change, how people move through the space and what needs care over time. The fieldbook gives seasonal observations a home, while clear links connect reading, services and consultation.

Generous photography, restrained rules, readable captions and flexible page sections keep the work in focus. The 3 palettes share the same structure, so you can choose a warmer or cooler identity without rebuilding the pages. Fonts, images and scripts are local to the delivered project.

Accessibility features

Semantic page landmarks, a skip link, labeled controls and visible focus styles support keyboard navigation. Menus and appearance controls manage focus when they close. Garden filters announce updated results, and the brief connects errors with their fields and moves focus to the next useful step.

Image alternatives, text explanations alongside concept diagrams, responsive reading order and reduced-motion styles support different ways of using the site. Light, Dark and Auto remain separate from the preview's color-scheme choices. These are specific implementation features, not a claim of certified accessibility conformance.

Source you can make your own

Shared headers, footers and page metadata keep site-wide edits manageable. Page content stays in readable HTML, visual rules are organized into named CSS layers and interactions use vanilla JavaScript. Ready-made pages include readable and minified CSS and JavaScript, while the source project supplies build, preview, validation and package-staging commands.

The buyer guide explains where to change the studio identity, service area, garden stories, images and policies, and how to connect a real consultation receiver when you are ready. Rootweather is a complete frontend starting point for presenting landscape work with clarity, character and care.