About Northbank Farm Shop
Classic market hall: bottle green, warm white and tomato red; narrow utility strip, bold uppercase wordmark, panorama market hero and a ruled weekly counter list. Pair produce photography with readable category menus. Seasonal produce, bread for the weekend and pantry shelves worth taking time over.
Best suited to: Independent farm shop and food store websites that need complete information pages and a straightforward enquiry path.
Design reference: Daylesford. The navigation distinguishes visiting, eating and shopping, while produce and recipes are editorial routes. Location information and seasonal features sit alongside product discovery. The template uses original branding, writing and code.
Desktop and mobile screenshots
Captured from version 1.0.0 on 2 November 2026. Open a screenshot to inspect the full page.
Choose your download
Both ZIPs contain the same 9-page design. Confirm your email to download. Newsletter emails are optional; no account or license key is needed.
| Edition | Included files and requirements |
|---|---|
| Plain HTML ZIP 0.70 MiB |
9 complete HTML pages, CSS, JavaScript, local images, license and setup documentation. Requires: Any static host; no build step required. |
| Standalone Astro source ZIP 0.75 MiB |
9 complete Astro pages, shared layout, editable content JSON, local assets, vendored kit, exact npm lockfile and setup documentation. Requires: Node.js >=22.23.4 and npm. No factory workspace, account or API key required. |
What’s in the design
- Nine complete pages: Home, About Northbank Farm Shop, At the counters, Seasonal produce, Bread counter, Pantry & food gifts, Good to know before calling in, Contact & enquiries, Page not found.
- Three full service or programme pages explain the scope, included details and questions to discuss before arranging anything.
- Combined keyword and option filters include a result count, reset and empty state. Every option remains visible without JavaScript.
- The practical guide has dedicated sections, anchor navigation and print styles. FAQs use native accessible disclosures.
- Mobile navigation works without JavaScript. Escape closes the enhanced menu and restores focus.
- The contact form prepares a validated, encoded email draft, with allowlisted topic preselection and stale-draft clearing. It does not send a message or book anything.
Verified page layouts
These 9 pages are included in both archives. Each link opens the live preview.
- Home
index.html - About Northbank Farm Shop
about.html - At the counters
services.html - Seasonal produce
seasonal-produce.html - Bread counter
bread-counter.html - Pantry & food gifts
pantry-gifts.html - Good to know before calling in
guide.html - Contact & enquiries
contact.html - Page not found
404.html
How Northbank Farm Shop enquiries work
The form validates a name, email and message, then prepares a mailto draft to review in your email app. It does not send messages, reserve services, take payments or confirm availability. Replace [email protected] with a monitored address.
Known service query values preselect an existing option; unknown values are ignored. Submit stays disabled until JavaScript is ready, and a direct email link is available without it. Editing fields hides the earlier draft.
Set up the Astro edition
Extract the source ZIP and run these commands from its folder:
npm ci
npm run dev
npm run check
npm run buildThe build produces a dist/ folder for static hosting. The source includes its shared template kit under vendor/template-kit, so it builds independently of our development workspace. Astro 7.4.5 and the Astro checker 0.9.12 are pinned; TypeScript 6.0.3 is the latest supported by that checker’s declared peer range.
Before you launch
- Choose plain HTML for direct editing and upload, or the Astro edition for shared layouts and source-driven content.
- Edit src/content.json for the identity, offers, practical guide, FAQs and descriptions. Keep all three service-page slugs aligned with their page files.
- Edit src/theme.css and src/browser.js for presentation and enhancements. Replace the sample email and test the draft workflow or integrate a separately tested delivery backend.
- Keep LICENSE and ASSETS.md, replace photographs only with licensed assets, and maintain responsive variants and accurate alt descriptions.
- Set PUBLIC_SITE_URL to your actual domain or folder URL with a trailing slash before building. Leave PUBLIC_PREVIEW unset for production. The 404 page remains noindex; configure its HTTP status on your host.
- Production-site research reference: Daylesford — https://www.daylesford.com/. This is an original adaptation; reference code, copy and branding are not included.
No message-delivery backend, checkout, payments, accounts, reservations, live availability or business management system. Replace demonstration content with accurate authorized information before using the template.
License and assets
The original template code is released under the included MIT license. It permits personal and commercial use; retain the license notice when redistributing the code. Visible footer attribution is optional.
Local photographs carry separate source and license credits in ASSETS.md. System fonts require no downloaded font files. Original code, fictional identity and writing are MIT. Separate photograph license. Full asset credits.
Release verification
Archive extraction, standalone npm ci/check/build, matching HTML, root/subfolder metadata and preview noindex checks passed. Playwright covers all nine pages across 320, 390, 768 and 1440 pixel widths and tests the actual browsing and enquiry interactions. Automated tests do not establish full WCAG compliance or field performance.
Version 1.0.0, reviewed 2 November 2026. Live preview. Plain HTML checksum. Standalone Astro source checksum. Northbank Farm Shop, offers, business details and contact information are fictional illustrative content. Photographs show separate subjects and are not evidence of actual premises, staff or completed work. No affiliation with the research reference is implied.
