diff --git a/.gitignore b/.gitignore
index 44027a54dc..018092ec25 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,4 @@ xcuserdata/
 **/*.db
 .build
 
+/build
diff --git a/audit.toml b/audit.toml
index a57d12da85..62ea332770 100644
--- a/audit.toml
+++ b/audit.toml
@@ -1,5 +1,5 @@
 [advisories]
 ignore = [
-    "RUSTSEC-2024-0384", # instant is unmaintained
-    "RUSTSEC-2024-0436", # paste is unmaintained
+  "RUSTSEC-2024-0384", # instant is unmaintained
+  "RUSTSEC-2024-0436", # paste is unmaintained
 ]
diff --git a/crates/gpui/Cargo.toml b/crates/gpui/Cargo.toml
index f0f9ab847b..dbd61f64af 100644
--- a/crates/gpui/Cargo.toml
+++ b/crates/gpui/Cargo.toml
@@ -21,6 +21,7 @@ default = ["font-kit", "wayland", "x11", "windows-manifest"]
 test-support = [
   "leak-detection",
   "collections/test-support",
+  "http_client/test-support",
   "wayland",
   "x11",
   "proptest",
diff --git a/docs/index.typ b/docs/index.typ
new file mode 100644
index 0000000000..b97a9d4ef7
--- /dev/null
+++ b/docs/index.typ
@@ -0,0 +1,19 @@
+#import "sidebar.typ": sidebar
+
+// Typst doesn't have file globbing so we have to add everything here and also in the rheo file oh well
+#let site-nav = (
+  (title: "Getting Started", items: (
+    (id: "index", title: "Home", url: "./index.html"),
+  )),
+)
+
+#show: sidebar.with(
+  nav: site-nav,
+  current: "index",
+  title: "GPUI-CE",
+  home-url: "./index.html",
+)
+
+= Hello World!
+
+Welcome to the GPUI-CE documentation.
diff --git a/docs/media/sidebar.css b/docs/media/sidebar.css
new file mode 100644
index 0000000000..ed5b08c026
--- /dev/null
+++ b/docs/media/sidebar.css
@@ -0,0 +1,194 @@
+:root {
+  --text: oklch(90% 0.03 25);
+  --text-muted: oklch(62% 0.02 305);
+  --text-main: oklch(92% 0.12 305);
+  --text-accent: oklch(87% 0.14 83);
+  --bg: oklch(14% 0.02 270);
+  --bg-accent: oklch(28% 0.03 320);
+  --highlight: oklch(94% 0.12 192);
+  --sidebar-width: 260px;
+  --content-max-width: 44em;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: "SF Mono", Menlo, Monaco, monospace;
+  font-size: 1.3em;
+  line-height: 1.4;
+  color: var(--text-muted);
+  background: var(--bg);
+
+  p {
+    color: var(--text-main)
+  }
+}
+
+a {
+  color: var(--highlight);
+  text-decoration: none;
+}
+
+input#t {
+  display: none;
+}
+
+label[for="t"]:first-of-type {
+  display: none;
+}
+
+label[for="t"]:last-of-type {
+  display: none;
+}
+
+div#l {
+  display: flex;
+  min-height: 100vh;
+
+  &>nav {
+    width: var(--sidebar-width);
+    min-width: var(--sidebar-width);
+    background: var(--bg-accent);
+    overflow-y: auto;
+    position: sticky;
+    top: 0;
+    height: 100vh;
+
+    &>header {
+      padding: 1.25rem 1.25rem 0.75rem;
+      border-bottom: 1px solid oklch(0% 0 0);
+
+      & a {
+        color: var(--text);
+      }
+
+      & h1 {
+        margin: 0;
+        font-size: 1.1rem;
+        font-weight: 600;
+        color: var(--text);
+      }
+    }
+
+    &>ul {
+      list-style: none;
+      margin: 0;
+      padding: 0.5rem 0;
+
+      &>li>span {
+        display: block;
+        padding: 0.5rem 1.25rem 0.25rem;
+        font-size: 0.7rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--text-muted);
+      }
+
+      & a {
+        display: block;
+        padding: 0.35rem 1.25rem;
+        color: var(--text-muted);
+        font-size: 0.9rem;
+        border: 1px solid transparent;
+
+        &:hover {
+          color: var(--text);
+          background: var(--bg);
+          border-color: var(--highlight);
+        }
+
+        &[aria-current="page"] {
+          color: var(--text-accent);
+          font-weight: 600;
+          background: color-mix(in oklch, var(--text-accent) 10%, transparent);
+        }
+      }
+    }
+  }
+
+  &>main {
+    flex: 1;
+    max-width: var(--content-max-width);
+    padding: 2.5rem 3rem;
+    margin: 0 auto;
+
+    & h2,
+    & h3,
+    & h4 {
+      font-weight: 600;
+      color: var(--text);
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+    }
+
+    & a:hover {
+      border: 1px solid var(--highlight);
+    }
+  }
+}
+
+@media (width <=768px) {
+  label[for="t"]:first-of-type {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 200;
+    width: 44px;
+    height: 44px;
+    cursor: pointer;
+    background: var(--bg-accent);
+    border-bottom-right-radius: 6px;
+    font-size: 1.25rem;
+    color: var(--text);
+    line-height: 1;
+
+    &::before {
+      content: "\2630";
+    }
+  }
+
+  div#l {
+    &>nav {
+      position: fixed;
+      left: 0;
+      top: 0;
+      height: 100vh;
+      z-index: 150;
+      min-width: unset;
+      transform: translateX(-100%);
+      transition: transform 0.25s ease;
+
+      &>header {
+        padding-top: 3.25rem;
+      }
+    }
+
+    &>main {
+      padding: 1.5rem 1.25rem;
+      padding-top: 3.5rem;
+    }
+  }
+
+  input#t:checked~div#l>nav {
+    transform: translateX(0);
+  }
+
+  label[for="t"]:last-of-type {
+    position: fixed;
+    inset: 0;
+    background: oklch(0% 0 0 / 0.4);
+    z-index: 140;
+    cursor: pointer;
+  }
+
+  input#t:checked~label[for="t"]:last-of-type {
+    display: block;
+  }
+}
\ No newline at end of file
diff --git a/docs/sidebar.typ b/docs/sidebar.typ
new file mode 100644
index 0000000000..95fcf08aac
--- /dev/null
+++ b/docs/sidebar.typ
@@ -0,0 +1,42 @@
+#let sidebar(
+  nav: (),
+  current: none,
+  title: "",
+  home-url: "/",
+  doc,
+) = {
+  context if target() == "html" {
+    html.elem("input", attrs: ("type": "checkbox", "id": "t"), [])
+    html.elem("label", attrs: ("for": "t"), [])
+    html.elem("div", attrs: ("id": "l"), [
+      #html.elem("nav", [
+        #html.elem("header", [
+          #html.elem("a", attrs: ("href": home-url), [
+             #html.elem("h1", [#title])
+          ])
+        ])
+        #html.elem("ul", [
+          #for section in nav {
+            html.elem("li", [
+              #html.elem("span", [#section.title])
+            ])
+            for item in section.at("items", default: ()) {
+              let attrs = if item.id == current {
+                ("href": item.url, "aria-current": "page")
+              } else {
+                ("href": item.url,)
+              }
+              html.elem("li", [
+                #html.elem("a", attrs: attrs, [#item.title])
+              ])
+            }
+          }
+        ])
+      ])
+      #html.elem("main", [#doc])
+    ])
+    html.elem("label", attrs: ("for": "t"), [])
+  } else {
+    doc
+  }
+}
diff --git a/rheo.toml b/rheo.toml
new file mode 100644
index 0000000000..e187a7a00a
--- /dev/null
+++ b/rheo.toml
@@ -0,0 +1,5 @@
+version = "0.3.1"
+content_dir = "docs"
+
+[[html.assets]]
+css_stylesheet = "./docs/media/sidebar.css"
diff --git a/typos.toml b/typos.toml
index 8cf280d09a..004f42d80b 100644
--- a/typos.toml
+++ b/typos.toml
@@ -1,13 +1,23 @@
 [files]
 ignore-files = true
 ignore-hidden = false
-extend-exclude = [".git/"]
+extend-exclude = [
+  ".git/",
+
+  # Windows likes its abbreviations.
+  "crates/gpui/src/platform/windows/directx_renderer.rs",
+  "crates/gpui/src/platform/windows/events.rs",
+  "crates/gpui/src/platform/windows/direct_write.rs",
+  "crates/gpui/src/platform/windows/window.rs",
+
+  # macOS APIs
+  "crates/gpui/src/platform/mac/dispatcher.rs",
+]
 
 [default]
 extend-ignore-re = [
   # macOS version
   "Big Sur",
-
   # Stripped version of reserved keyword `type`
   "typ",
 ]