Features

Everything the phase before design needs. Nothing else.

Four jobs, one tool: structure the site, write the words, get them signed off, hand them over.

Structure01 / 04

Sitemaps you can open.

Not boxes with labels — pages with real sections inside, draggable until they’re right.

Page tree with drag-to-reorganise and parent/child nesting
24 wireframe section types with a visual, searchable picker
Drag-to-reorder sections with optimistic locking for teams
Mega menu builder: columns, featured cards, link pills
Broken-link detection when pages are deleted — flagged, never a 500
Header and footer variants shared by preview and client review
Per-page SEO metadata — meta title, description and slug planned with the content, not bolted on later

Pages

Every page is sections in an order you chose — click one.

https://harbourfern.blockyhq.com/preview/homepageInteractive

Final

Gardens worth staying in

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for real life outside.

Final

What we design

Design

Full redesigns from a blank lawn.

Build

One crew, start to finish.

Aftercare

Seasonal visits, forever if you like.

Final

Book a site visit

Spring slots book four weeks ahead — tell us about your garden.

You’ve already used our mega menu builder — it’s the Product menu at the top of this page, rendered by the same component your clients would see.

Content02 / 04

Copy with owners, stages and receipts.

Every section knows what state it’s in, who’s on it, and when it’s due.

Five-stage workflow per section: Not started → In progress → Draft → Ready for review → Final
Rich text where it matters — bold, italics, lists, and links that point at your pages, not brittle URLs
Side-by-side columns per section when the content genuinely splits — exported as honest sub-blocks
Copy-progress roll-ups per page and per project
Assign sections and pages with due dates; overdue is loud
My Work: one list of everything that’s yours, grouped by urgency
Structured fields per section — text, lists, dates, URLs, yes/no — for content that isn’t just a paragraph
Section comments with @mentions, email and in-app notifications
Section history: every edit, stage change and assignment, attributed

Homepage

Testimonials — “Kind words from long grass”

Not started

The pills are load-bearing — they drive My Work, page roll-ups and review readiness, not just the colour scheme.

Sign-off03 / 04

Client sign-off, one click from the inbox.

Invite your client as a reviewer. They read the pages the way visitors will, talk in the same threads as your team, and approve section by section — on the record.

Clients get a one-click sign-in link in every email — nothing to learn, no per-seat charge
Reviewer is the lightest seat: comment and approve, never edit. One on Free, unlimited on paid plans
Clients and your team share the same comment threads — one conversation, full transparency
Approve or request changes per section; every rejection comes with a reason
Approved sections that change get flagged and re-reviewed — nothing drifts quietly
The page approves itself the moment its last section does
Full audit trail: who approved what, and when

Try the live review demo on the homepage

Export04 / 04

Handoff designers and AI tools can actually use.

Approved content out as structured Markdown and JSON — sections in order, statuses intact.

Markdown per page with front-matter: slug, status, version, parent and SEO metadata
sitemap.md and navigation.md for the whole structure
project.json — the full machine-readable mirror
Approved-only mode exports the latest signed-off snapshots
Built for Claude Code and similar tools: approved content in, working site out

blocky export --approved-only

▌

Harbour & Fern

Gardens worth staying in

Planting-led, low-fuss, made for the way you actually live outside.

Book a site visit

Redesigns

Planting plans

Seasonal care

Same words. Same order. Same approval. Now a website.

--approved-only reads each page’s latest approved snapshot, never the live draft

---
title: "Homepage"
slug: "homepage"
path: "/homepage"
status: approved
version: 3
parent: null
---

# Homepage

## [hero] Gardens worth staying in

_copy status: final_

Harbour & Fern designs and builds gardens across the south coast — planting-led, low-fuss, made for the way you actually live outside.

Buttons:
- [Primary] Book a site visit → /contact
- [Secondary] See recent gardens → /gardens

## [feature_grid] What we design

_copy status: final_

Full garden redesigns, planting plans for existing spaces, and seasonal care that keeps the whole thing alive after we leave.

## [process_steps] From sketch to soil

_copy status: final_

One site visit, one concept, one build. You approve each stage before the next begins — no surprises at invoice time.

Want the whole sample bundle to try in your own editor?

README brief, every page, the sitemap and project.json — as a zip, by email.

Create your free workspace

Plan the next site in Blocky.

Free plan, one active project, the whole team included. Judge it on real work.

Create your free workspace

No card · UK-hosted · no third-party trackers · see pricing — flat, per team