Farm Website Template

About this farm website template

The 21 pages you get

Home /

Photo-collage hero, promises strip, the shop, the honey-house story, hive to jar, the hive calculator, honey club pricing, comparison, reviews, journal and FAQ.

The shop /honey/

Every honey and gift box as a card with price, weight, apiary and stock badge.

Product pages /honey/…/

Six products. Gallery, price, apiary and forage, tasting notes, stock and dispatch, delivery and related products.

Honey club /honey-club/

Three subscription tiers with a monthly/yearly switch that works without JavaScript, plus membership questions.

Pollination hire /pollination/

The B2B line. A calculator turns crop and acres into colonies, a season price, the flowering window and weeks on site, then books them.

Apiaries /apiaries/

The six sites, their forage and what each one produces.

About /about/

The two beekeepers, the honey house and how they work.

Journal /journal/

Article index. Add an .mdx file and it appears here, on the home page and in the sitemap.

Articles /journal/…/

Three written guides, for home cooks and for growers.

FAQ /faq/

Grouped questions on honey, delivery, the club and pollination.

Contact /contact/

Enquiry form that pre-fills crop and acres from the calculator, plus address and shop hours.

Privacy and terms /legal/…/

Two starter legal pages on a shared layout.

404 /404

Designed, with a way back to the shop.

What is in the build

• Products as content: price, weight, apiary, tasting notes, gallery and stock status in one Markdown file per product
• A pollination hive calculator for growers, with booking that carries the numbers into the contact form
• Honey club subscription pricing in three tiers with a monthly/yearly switch
• Add a Stripe Payment Link or Shopify Buy Button URL per product to sell directly; otherwise buttons send a pre-filled enquiry
• Real beekeeping photography and texture backgrounds, optimised to responsive AVIF and WebP by Astro
• All business details in one file, and one accent colour that rebrands the whole site
• Vitest and Playwright suites included

The design decision

Every template in this catalog is loud in exactly one channel and deliberately quiet in the other three. That single rule is what stops 65 different worlds reading as one design system in different paint.

The world

A working honey house: warm cream ground, real beekeeping and jar photography, oak, kraft and honeycomb textures behind the dark bands, and one heather-purple accent from the moor the bees forage on.

The mechanic

A shop and a B2B line in one site: product pages with stock and dispatch badges, three-tier honey club with a monthly/yearly switch, and a hive calculator that turns crop and acres into colonies and a season price. Motion is one quiet reveal.

Loud channel

Imagery

Imagery. Warm beekeeping photography, hands only

Type & palette

Young Serif · Figtree

#faf4e8 #241a14 #6e3f73

Who it is for

Built for honey producers, beekeepers and small farm shops, and it adapts easily to any small food maker that sells a short range direct: preserves, cheese, cider, olive oil. The pollination page doubles as a template for a B2B service line beside a retail shop. For a large catalogue with a cart, start from the ecommerce build.

Under the hood

• Astro 7 · static output, zero client framework
• Tailwind 4 · one @theme block holds the palette
• MDX content collections for the blog
• GSAP + Lenis for the scroll work, reduced-motion aware
• Self-hosted woff2 — no Google Fonts request
• Sitemap, canonicals and per-route meta wired
• Vitest + Playwright suites in the repository
• Zero third-party requests · strict CSP-ready

How to get started

1. 01 Accept the repository invite and clone it.
2. 02 Run npm install, then npm run dev.
3. 03 Replace the content in src/data/ with your own — that is where the brand, the copy and every list live.
4. 04 Swap the images in public/images/ and the palette in the @theme block.
5. 05 Run npm run build and deploy dist/ anywhere static.

Questions