← Cafe and coffee shop themes

MGD Coffee Shop Folio

MGD Coffee Shop Folio is a free cafe and coffee shop WordPress block theme: magazine layout: centred masthead, large type, numbered contents, ruled lists, no cards. 9 block patterns, 8 style variations, 654 KB zip.

Download the themeTry it in WordPress PlaygroundAlso as HTML
MGD Coffee Shop Folio front page at 1280 px, rendered by WordPressMGD Coffee Shop Folio front page at 390 px, rendered by WordPress
Sub-nicheCafe and coffee shop
LayoutFolio: magazine layout: centred masthead, large type, numbered contents, ruled lists, no cards
Default styleeditorial
Style variations8
Block patterns9
Blocks on the front page171, of which 0 are Custom HTML (forms and small decoration)
RequiresWordPress 6.6 or later, PHP 7.4 or later
Tested onWordPress 7.1.4, PHP 8.3.36, 2026-11-07
Download654 KB zip
SHA-256dd919b725494c575a13e778fca4521f8bcf8fd9de944fb25cce7dc58213946e2

Install

  1. In WordPress, go to Appearance, Themes, Add New Theme, Upload Theme.
  2. Upload the zip, click Install Now, then Activate.
  3. Set your Site Title in Settings, General. The header shows it.
  4. Edit text, colours and fonts in Appearance, Editor.

Licence

Theme code and patterns: GPL-2.0-or-later. Bundled fonts: SIL Open Font License 1.1. Illustrations: original, included under the same GPL terms.

Before you use it

Names, people, addresses, phone numbers, dishes, menus, prices and opening hours in every template are fictional samples to replace. Dietary labels and allergen notes are labelled samples: check every dish with your kitchen. The templates are designs, not food safety or legal advice, and they do not make a site compliant with any allergen, food hygiene, licensing or advertising rule. Forms are static sample markup. They do not send anything until you connect a form plugin.

Other cafe and coffee shop themes

MGD Coffee Shop Bento · MGD Coffee Shop Concierge · MGD Coffee Shop Ledger · MGD Coffee Shop Menu · MGD Coffee Shop Reserve

Plain text for assistants: this page as Markdown.

Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Save to board