diff --git a/footer.md b/footer.md
new file mode 100644
index 0000000..59b8a87
--- /dev/null
+++ b/footer.md
@@ -0,0 +1,60 @@
+% This defines the footer of the site, and is not parsed as a regular "page"
+% We point to it with the following in `myst.yml`:
+% site:
+% parts:
+% footer: footer.md
+
+% Here we use `grid` to add a basic grid structure to the HTML,
+% but the formatting column sizes are defined manually in css/footer.css
+% see the `grid-template-columns` line.
+:::::{grid} 3 3 5 5
+:class: outer-grid col-screen
+
+<!-- Project description -->
+
+::::{div}
+
+# Landing Pages
+
+```{image} https://jupyterbook.org/en/stable/_images/logo-square.svg
+:width: 50px
+:align: left
+```
+
+This is a description of our project. And a [link to its homepage](https://github.com/jupyter-book/example-landing-pages).
+::::
+
+<!-- Spacer between project description and links columns -->
+
+::::{div}
+::::
+
+<!-- Link columns -->
+
+% This a _second_ grid embedded within the first one, to create nicer
+% responsive design experience. This grid will have a single column on narrow screens,
+% and fan out into three columns on wide screens. However, it always remains within
+% its parent grid column.
+::::{grid} 1 1 3 3
+
+:::{div}
+
+- [About](https://mystmd.org/overview/ecosystem)
+- [Guide](https://mystmd.org/guide)
+- [Sandbox](https://mystmd.org/sandbox)
+  :::
+
+:::{div}
+
+- A second column!
+- With multiple entries
+  :::
+
+:::{div}
+
+- And what about a third
+  :::
+
+::::
+
+:::::
diff --git a/myst.yml b/myst.yml
index 600341f..82d38c3 100644
--- a/myst.yml
+++ b/myst.yml
@@ -19,3 +19,5 @@ site:
     favicon: images/favicon.ico
     logo: images/statistical-python-logo.svg
     logo_text: Statistical Python
+  parts:
+    footer: footer.md