Furrow — Free Farm Website Template
Furrow gives a farm a fresh, earthy website in deep green, straw yellow and soil brown on cream, with Zilla Slab headings and a few hand-drawn touches. A small seasonal data list drives the in-season calendar and the hero, so the site shows what is growing in the current month. Veg box customers can price a box as they choose its size, frequency and extras, shoppers can fill a basket and check delivery by postcode, and visitors get a pick-your-own board, a cost estimator and a clickable farm map before they set off.
Key features
- In-season calendar: a month picker redraws the produce list from a small JavaScript data array, with a January-to-December season strip for every crop
- Seasonal hero that sets its season name, accent colour and peak-crop list from the current date
- Veg box builder with small, family and large tiers, a weekly or fortnightly toggle, add-ons and a live per-box and monthly price
- Farm shop opening hours with a live open or closed status in the farm’s own time zone and today’s row highlighted
- Pick-your-own chalkboard showing what is ready this week, where it grows, how much is left and the price
- Event cards and a booking modal with a date choice, ticket steppers and a running total
- Farm shop page with category filters, sorting and a basket drawer saved in localStorage
- Collection or delivery toggle with collection days taken from the opening hours, a postcode check against delivery districts and a free-delivery meter
- Visit page with a picking guide, prices per kg, a cost estimator, a saved packing checklist and an illustrated SVG farm map with a clickable legend
- Opening times, directions with a copy-address button, accessibility notes, a dogs policy and a native details FAQ
Best for
- Family farms with a farm shop or farm gate stall
- Community-supported agriculture and veg box schemes
- Pick-your-own fruit farms and orchards
- Market gardens that run farm tours and seasonal events
At a glance
- Bootstrap 5.3.8 with vanilla JavaScript, no jQuery
- 3 pages: index.html, shop.html, visit.html
- Palette and fonts set as CSS custom properties in css/style.css
- Zilla Slab headings with Figtree body text
- Inline SVG icons, season strips and farm map; preserve jars drawn in CSS; no icon fonts or chart libraries
- Free for personal and commercial use; attribution optional but welcome. Full terms: uicookies.com/license
How to use it
Unzip the folder and open index.html in a browser. Edit the copy in the three HTML files and swap the photos in img/ for your own. Colours and fonts are CSS custom properties at the top of css/style.css. The seasonal calendar, delivery postcodes and fees sit at the top of js/main.js, and opening hours are read from the footer list. Forms and the basket are front-end only, so connect a form service or shop backend, then upload the folder to any static host.
Frequently asked questions
Is Furrow free for a farm or client project?
Yes. Furrow is free for personal and commercial use, including a live farm website or a client build. Attribution to uiCookies is optional but always welcome, and the full terms are on the uiCookies license page.
What is Furrow built with?
Furrow uses Bootstrap 5.3.8, self-hosted, and one vanilla JavaScript file with no jQuery or other libraries. Icons, season strips and the farm map are inline SVG, the preserve jars are drawn in CSS, and every section stays readable with JavaScript turned off.
Which pages and sections are included?
There are three pages. The home page has a seasonal hero, the in-season calendar, veg box subscriptions, farm shop hours, the pick-your-own board, the farm story, events and a newsletter. The shop page holds the product grid, basket drawer and delivery checker, and the visit page covers picking, the farm map, opening times, directions, accessibility, dogs and an FAQ.
How do I change the seasonal produce list?
Each crop is one line in a small array at the top of js/main.js, with the months it is available, the months it peaks and where it is sold. Edit or add lines and the month picker, the season strips, the counts and the hero’s peak crops all follow.
Does the shop take real orders or payments?
No. The basket, collection days, postcode check and order confirmation all run in the browser, and the basket is kept in localStorage. Connect a shop platform or an order form service before taking real orders.
