diff --git a/src/components/layout/BrandHeader.tsx b/src/components/layout/BrandHeader.tsx
new file mode 100644
index 00000000..9ff2a410
--- /dev/null
+++ b/src/components/layout/BrandHeader.tsx
@@ -0,0 +1,18 @@
+import { IconPatch } from "components/buttons/IconPatch";
+import { Icons } from "components/Icon";
+import { DISCORD_LINK, GITHUB_LINK } from "mw_constants";
+import { BrandPill } from "./BrandPill";
+
+export function BrandHeader() {
+  return (
+    <div className="flex justify-between items-center absolute left-0 right-0 top-0 p-3">
+      <div>
+        <BrandPill />
+      </div>
+      <div className="flex">
+        <a href={DISCORD_LINK} target="_blank" className="text-2xl text-white"><IconPatch icon={Icons.DISCORD} clickable/></a>
+        <a href={GITHUB_LINK} target="_blank" className="text-2xl text-white"><IconPatch icon={Icons.GITHUB} clickable/></a>
+      </div>
+    </div>
+  )
+}