foldout

Template catalogue

13 templates for websites and HTML email. Each has a free home page to publish, and Pro for $9 — every page, the source, no attribution, updates — or all of them for $29.

12 templates
Ledger & Loaf preview

A shop site with a counter price list, a week of dated events and opening hours, in a 1970s ledger-book style: warm paper, oxblood ink, dotted-leader rows, squared corners. Plain HTML and one stylesheet, no images, no build step.

  • HTML5
  • Plain CSS
live demo →
Counter preview

Counter

Free

Four emails a shop actually sends, built in MJML in a 1970s ledger style: the parcel went out, here is your receipt, your seat is held, the thing you asked about is back. Warm paper, oxblood, squared corners. Built for Outlook, Gmail and Apple Mail, dark mode wired up. The dispatch email is free.

  • MJML 4.15
  • Tables + VML
live demo →
Newsletter preview

Newsletter

Free

Three newsletter emails built in MJML: a one-column digest, a magazine issue with a lead story and two-up grid, and a single-message announcement. Sample copy written in full. Built for Outlook, Gmail and Apple Mail, dark mode handled. The digest is free.

  • MJML 4.15
  • Tables + VML
live demo →
Transactional preview

The four service emails every shop or app sends, built in MJML: order receipt with line items, shipped with tracking, password reset, email confirmation with a code. Built for Outlook, Gmail and Apple Mail, dark mode handled. The receipt is free.

  • MJML 4.15
  • Tables + VML
live demo →
Bistro preview

Bistro

Free

A restaurant site in Tailwind: menu with anchor sections, table booking form, gallery, hours and contact, plus a private-dining page and a 404 in Pro. Schema.org markup for the venue and the menu.

  • HTML5
  • Tailwind 4
live demo →
Aurora preview

Aurora

Free

A one-page SaaS landing template with pricing, testimonials and FAQ, plus a full pricing page and a 404 in Pro. Tailwind, dark mode, zero external dependencies.

  • HTML5
  • Tailwind 4
live demo →
Grove preview

Grove

Free

A portfolio for a few pieces of work worth a story: work list, two case-study layouts, about, plus a contact page with an enquiry form and a 404 in Pro. Plain HTML and CSS, no build step, no JavaScript, dark mode follows the system.

  • HTML5
  • Plain CSS
live demo →
Harbor preview

Harbor

Free

An estate agency in Tailwind: listings with filters as real links, a property page with gallery, room sizes, floor plan, map and enquiry form, agents with direct numbers, plus a valuation funnel and a 404 in Pro. No JavaScript, RealEstateListing markup.

  • HTML5
  • Tailwind 4
live demo →
Larkfield preview

Larkfield

Free

A primary school site built for the accessibility audit: skip link, labelled landmarks, thick focus rings, AA contrast in both themes, tables with captions and scoped headers, 17 px type. Programmes, admissions, staff, contact, plus term dates and a 404 in Pro.

  • HTML5
  • Tailwind 4
live demo →
Marginalia preview

Marginalia

Free

A reading-first blog in plain HTML and one stylesheet: 18 px serif at a 66-character measure, notes that sit in the margin on wide screens, article, archive and author layouts. No build step, no JavaScript, system fonts only, dark mode redrawn not inverted. Newsletter page and 404 in Pro.

  • HTML5
  • Plain CSS
live demo →
Fathom preview

Fathom

Free

A design-and-engineering studio site that leads with the case study: results as big numbers, a 'what didn't work' section, sticky team and stack. Big type, one accent colour, no logo soup. Work, services with prices, team, contact, plus careers and a 404 in Pro.

  • HTML5
  • Tailwind 4
live demo →
Mercer preview

Mercer

Free

A storefront in Tailwind: home, shop with category sections, product page with variants and stock states, cart, shipping and returns, plus an FAQ and a 404 in Pro. No JavaScript, Schema.org Product markup, ready for Snipcart or a Buy Button.

  • HTML5
  • Tailwind 4
live demo →

Tell us what happened

Goes straight to a person. No account, no ticket number.

What is this about?

We keep the message and the page it came from. Nothing else — not your IP, not your browser. Privacy.