Skip to content

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.

Structure

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.

harbourfern.blockyhq.com/preview/homepage
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.

Content

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-off

Client sign-off without the password.

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

  • Magic-link sign-in — a one-time emailed link; no password, no seat, nothing to forget
  • 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

Export

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

---
title: "Homepage"
slug: 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.

- [Book a site visit](/contact)
- [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.
See pricing — flat, per team

In Blocky, every client project gets one brand colour on the paper. This site is no different — try one: