diff --git a/src/ui/views/FooterView.ts b/src/ui/views/FooterView.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3ddee056617fd57f2babf551829c59bd6d454454
--- /dev/null
+++ b/src/ui/views/FooterView.ts
@@ -0,0 +1,15 @@
+import { TemplateView } from "hydrogen-view-sdk";
+import chatterboxLogo from "../res/chat-bubbles.svg";
+
+export class FooterView extends TemplateView {
+    render(t) {
+        return t.div({ className: "FooterView" },
+            [
+                t.div([
+                    t.img({ src: chatterboxLogo, className: "FooterView_logo" }),
+                    t.span({ className: "FooterView_chatterbox-branding" }, "Chatterbox"),
+                ]),
+                t.div({ className: "FooterView_matrix-branding" }, ["Powered by Matrix"])
+            ]);
+    }
+}