Agentic programming · Personal workshop project · Fictional business

Fern & Clay

Turning a detailed visual brief into a useful shop website.

Fern and Clay landing page, with deep green typography panels and a photograph of a leafy greenhouse.
The greenhouse-led landing page for the fictional Fern & Clay shop.

The project

A concept website for a fictional neighbourhood plant shop and working greenhouse. Built with coding agents, it explores translating a detailed art direction into a responsive page, with generated editorial photography and useful information about plants, care, workshops and visiting.

Context
Personal workshop project · Fictional business
Built with
HTML · CSS · JavaScript · Sites
Open site — Fern & Clay (opens in a new tab)

A consistent visual direction

Four generated photographs establish a coherent greenhouse setting across the hero, plant bench, potting workshop and shopfront. The layout pairs those images with readable copy and practical visit information.

Useful content and simple interactions

The page covers available plants, care advice, workshops, local delivery and opening hours. Native disclosures reveal care notes, and accessible dialogs show workshop details. Business details are illustrative; no bookings or payments are collected.

Reviewing the result

Desktop and mobile browser checks covered the layout, care disclosures and workshop dialogs. The project uses buildless HTML, CSS and JavaScript, with its photographs stored locally.