diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..036bd1d
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+# Ignore artifacts:
+public
+dist
+coverage
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1 @@
+{}
diff --git a/package-lock.json b/package-lock.json
index 647f742..35077ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,8 @@
       "version": "1.0.0",
       "license": "ISC",
       "devDependencies": {
-        "astro": "^4.7.0"
+        "astro": "^4.7.0",
+        "prettier": "3.2.5"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -4699,6 +4700,21 @@
         "node": ">=8.15"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/prismjs": {
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
diff --git a/package.json b/package.json
index dfd5c3f..6b96287 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "astro": "^4.7.0"
+    "astro": "^4.7.0",
+    "prettier": "3.2.5"
   }
 }
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..6881abd
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,52 @@
+<footer id="global-footer" role="contentinfo">
+    <div class="container readable">
+        <ul role="list" class="social flex gap">
+        <li>
+            <a
+            class="button"
+            itemprop="sameAs"
+            rel="me"
+            href="https://github.com/eventua11y/a11y.courses"
+            title="GitHub">
+            <i class="fab fa-github"></i>
+            </a>
+        </li>
+        <li>
+            <a
+            class="button"
+            itemprop="sameAs"
+            rel="me"
+            href="https://mastodon.social/@a11ycourses"
+            title="Mastodon">
+            <i class="fab fa-mastodon"></i>
+            </a>
+        </li>
+        </ul>
+        <p class="text-muted">
+        <small>&copy {new Date().getFullYear()}
+            <a href="https://mattobee.com/">Matt Obee</a>
+        </small>
+        </p>
+        <p class="text-muted">
+        <small>This page conforms to
+            <abbr title="Web Content Accessibility Guidelines">WCAG</abbr>
+            2.2 at Level
+            <abbr title="Double-A">AA</abbr>.</small>
+        </p>
+        <p class="text-muted">
+        <small>Powered by
+            <a href="https://astro.build/">Astro</a>,
+            <a href="https://www.sanity.io/">Sanity</a>,  
+            and
+            <a href="https://www.netlify.com/">Netlify</a>. Basic accessibility tests by
+            <a href="https://github.com/pa11y/pa11y">pa11y</a>/<a href="https://github.com/dequelabs/axe-core">axe-core</a>.</small>
+        </p>
+        <p class="text-muted">
+        <small>
+            Privacy-first analytics by
+            <a href="https://usefathom.com/ref/VZYIPT">Fathom</a>.
+        </small>
+        </p>
+    </div>
+</footer>
+<!-- End #global-footer -->
\ No newline at end of file
diff --git a/src/components/Header.astro b/src/components/Header.astro
new file mode 100644
index 0000000..8429270
--- /dev/null
+++ b/src/components/Header.astro
@@ -0,0 +1,14 @@
+---
+import { Image } from "astro:assets";
+---
+
+<header id="global-header" class="masthead" role="banner">
+  <div class="inner">
+    <div class="masthead__logo">
+      <a href="/" rel="home">
+        <Image class="logo" src={logo} alt="a11y.courses" />
+      </a>
+    </div>
+  </div>
+</header>
+<!-- End #global-header -->
diff --git a/src/env.d.ts b/src/env.d.ts
index 8c34fb4..c13bd73 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
\ No newline at end of file
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..73f89d7
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,22 @@
+---
+import Footer from "../components/Footer.astro";
+const { title } = Astro.props.frontmatter || Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="generator" content="Astro" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{title ? `${title} - a11y.courses` : "a11y.courses"}</title>
+    <script
+      src="https://kit.fontawesome.com/ad02fca329.js"
+      crossorigin="anonymous"></script>
+  </head>
+  <body>
+    <h1>{title}</h1>
+    <slot />
+    <Footer />
+  </body>
+</html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e69de29..29886f0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -0,0 +1,6 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+<BaseLayout>
+  <p>Hello, world</p>
+</BaseLayout>
\ No newline at end of file