Ashgrove — Garden Design Studio Website Template

Ashgrove is a portfolio-led website template for a garden designer, landscape architect or planting studio. Large project tiles, a calm editorial type system and a process section from survey to aftercare let the work — and the way the studio works — do the selling.

Five pages: home, about, services, gallery and contact with project-type topics. The sage palette and Playfair Display headings suit any practice whose work is best seen, not described.

• A garden design studio that needs a credible site quickly
• Owners replacing a dated or unmaintained website
• Freelancers delivering a small site on a fixed budget
• Developers who want a clean structural starting point

• Homepage that leads with the garden design studio's core offer
• 5 pages: Home, About, Services, Gallery, Contact
• Services grid with generated artwork tiles
• About section with checklist and team cards
• Process steps, FAQ accordion and sample quotes
• Gallery page with nine tiles
• Contact page with details and a demo form
• Mobile menu, reveal-on-scroll and form validation in one small script

• 5 HTML pages
• css/style.css design system
• js/main.js progressive enhancement
• README.txt with setup notes

• Any modern browser
• Static hosting (Netlify, Vercel, S3, cPanel)
• Works without a build step

• A text editor
• A static host or any web server
• No build tools required

1. Unzip and open index.html — it works from a folder

2. Change the design tokens at the top of css/style.css

3. Replace sample text, contact details and prices

4. Swap the generated artwork tiles for your photography

5. Connect the form in js/main.js to your form service or backend

• All colours, radius and fonts are CSS custom properties
• Sections are self-contained blocks that can be reordered or removed
• Icons are inline SVG; swap any glyph in place
• Swap the font pairing by changing one Google Fonts link

• Personal — for your own private, non-commercial projects. Not for client work.
• Commercial — for one commercial project or one client project.
• Agency — for multiple client projects, up to the limits stated on this page.

No tier permits reselling or redistributing the files themselves.

Questions about Ashgrove are handled through your DistroSource account — open a support ticket from the order and include your order number.