Handover package

Goldstones Family Farm

Thirteen page templates, a component library and the design tokens. Standalone HTML and CSS — no build step, no framework, nothing beyond two Google Fonts.

Start here

Three files answer most questions.

All templates, three widthsEvery page at 375, 768 and 1440 in live viewports. The fastest way to see the whole site.breakpoints.html Component libraryEvery component in every state — default, hover, focus, active, disabled, loading, empty, error. The reference implementation.components.html Build notesDecisions taken that were not in the brief, and the invented values that still need a yes. Read before building.NOTES.md

Page templates

All thirteen, each standalone and responsive. Assembled only from the component library.

HomeHero, four gate cards, about strip, seasonal band, sister brand.home.html FishDay tickets, per-lake availability, rules, gallery, match panel and enquiry.fish.html ShopProduct cards in all three states, delivery choice, empty category.shop.html Product detailGallery, the unit panel, specification, stepper, related items.product.html StayBoth barn cards, amenities, the Cottages.com hand-off.stay.html Cottage detailThe Dutch Barn — key facts, prose, pull quote, gallery, booking.cottage.html Work With UsSix service cards with no photography by design, enquiry form, error state.contracting.html AboutProse, pull quote, farm facts, sister-brand band.about.html ContactUtility hero, contact form, success panel, quick links.contact.html ShootsThe only page carrying GSG navy. A bridge, not a duplicate.shoots.html Thank you — enquiryWhat happens next, and where to go meanwhile.thank-you-enquiry.html Thank you — orderOrder summary, delivery expectation, onward links.thank-you-order.html 404Moss panel and the four ways back in.404.html

Tokens and documentation

tokens.cssThe only stylesheet — custom properties, base layer and every component class.tokens.css tokens.jsonEvery token as structured data, property names matching the CSS exactly.tokens.json INVENTORY.mdEvery component, which pages use it, and the post-freeze additions.INVENTORY.md README.mdWhat each file is, plus the Divi 5 and WooCommerce notes.README.md Block 6 — content extremesThe seven hardening cases, each rendered rather than described.block6-extremes.html Home at three widthsHome alone, if the full harness is slow to load.home-breakpoints.html

Two open content items

Both are marked in the interface rather than hidden, and neither is a layout problem — but both would ship wrong copy if nobody acts.

  • The cottage differentiator — freestanding bath vs walk-in shower room — is read off the photographs, not confirmed by the farm.
  • Lake names. Top lake and Bottom lake are placeholders in two components.