Your Cart
Loading

Perennial: Website Template for Landscape and Garden Designers

On Sale
$15.00
$15.00
Added to cart

A garden is never finished, it just changes month. Perennial puts that on the page: a twelve month calendar of your planting that opens on today's month and shows what is in flower.


**Signature interaction.** A twelve month bloom calendar: click a month, drag along the row or use the arrow keys, and the plant chart lights up, the season notes change and the photograph crossfades.


**Features**


- **Bloom calendar.** Twelve months over a chart of plants, opening on the current month.

- **What is in flower now.** A hero line worked out from your calendar data and today's date.

- **Garden features.** Photograph and facts changing sides, with place, area, soil and year.

- **Services in figures.** Three numbers that count up as they enter.

- **Field notes.** A list of notes with an underline that sweeps in on hover.

- **Plain chart fallback.** With no JavaScript the calendar is a readable chart.


**What's included**


- A home page and 8 garden case pages, generated from one content file

- Every word, image, link and colour in `content.json`, so no code changes are needed to make it yours

- README and a buyer guide for editing, building and deploying

- The Studio Engine: Vite, TypeScript, smooth scrolling and animation

- Self-hosted open licence (OFL) fonts and generated placeholder images

- QA notes with the test results


**Built right**


- Lighthouse mobile 93 to 99 performance, 100 accessibility, best practices and SEO

- Keyboard accessible, works without JavaScript and respects reduced motion

- About 60 KB of JavaScript gzipped

- Deploys as static files to any host


**Requirements:** Node.js 20 or newer to edit and build.


**Tags:** website template, landscape design, garden designer, landscape architect, portfolio template, studio website, Vite, responsive


**Files**


- Product file: `../studio-perennial.zip`

- Listing cover, 1920x1080: `../covers/studio-perennial-cover.jpg`

- Feed cover, 1080x1350: `../covers/studio-perennial-cover-feed.jpg`

- Reel, 10 seconds: `../reels/studio-perennial-reel.mp4`


You will get a ZIP (738KB) file