Skip to main content
Canopy is an SEO autopilot for Squarespace: it builds a keyword strategy, writes the posts, and publishes them to your blog. The 2026 direction treats content growth like a greenhouse ledger — cream paper, deep-green ink, numbered No.01/No.02 section plates, and the product’s four tools set as ruled ledger rows. Display face: Martina Plantijn. One prompt. 10 sections. 17 minutes of agent time. Every save in the film hot-reloads the real WordPress page and re-runs the verification gates at 1200, 1920, and 390 px. The AGENT TIME chip shows true elapsed time through the timelapse. The fastest build of the set: ten sections in seventeen minutes, with the tool-ledger section written as an 82-line component in a single save.

​
The finished page

Both frames scroll — the full page at desktop 1440 px and mobile 390 px.
Canopy redesign — full desktop page
Canopy redesign — full mobile page

​
How it was built

  • The agent followed a written design brief with the section order, the design direction above, and the site’s real copy and assets staged locally.
  • exjsx dev --gates ran the loop: save → compile → deploy → hot reload → gates, a few seconds per save.
  • Sections are plain JSX components; fonts ship via one @font-face carrier (Media and fonts).
  • The finished page is native Elementor V4 — the film ends inside the editor.
A design study of the real Canopy site, rebuilt with its public copy and assets to test the toolchain. No affiliation with or endorsement by the original brand; the study is not published beyond this documentation.