diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/static/favicon.ico b/hasher-matcher-actioner/src/OpenMediaMatch/static/favicon.ico
new file mode 100644
index 000000000..5d35a56de
Binary files /dev/null and b/hasher-matcher-actioner/src/OpenMediaMatch/static/favicon.ico differ
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/match_dbg_upload.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/match_dbg_upload.html.j2
new file mode 100644
index 000000000..67d30f8ca
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/match_dbg_upload.html.j2
@@ -0,0 +1,24 @@
+<div class="card text-dark bg-light box-shadow h-md-250 h-100 mx-auto">
+    <div class="row align-items-center m-2">
+        <div class="col">
+            <svg class="bd-placeholder-img card-img-top" width="180" height="180" xmlns="http://www.w3.org/2000/svg"
+                role="img" preserveAspectRatio="xMidYMid slice" focusable="false">
+                <title>Placeholder</title>
+                <rect width="100%" height="100%" fill="#868e96" />
+                <text x="50%" y="50%" fill="#dee2e6" dy=".3em" dominant-baseline="middle" text-anchor="middle">Select
+                    File</text>
+            </svg>
+        </div>
+        <div class="col align-items-center">
+            <input class="form-control" type="file">
+        </div>
+    </div>
+
+    <div class="card-body d-flex flex-column align-items-mid">
+        <h4>Signal Types</h4>
+        <ul>
+            <li>PDQ: 12354</li>
+            <li>MD5: 12354</li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/nav_bar.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/nav_bar.html.j2
new file mode 100644
index 000000000..8e3a4a778
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/nav_bar.html.j2
@@ -0,0 +1,27 @@
+<nav class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="{{ url_for('.home') }}">Open Media Match</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+                <li class="nav-item">
+                    <a class="nav-link {% if page == 'home' %}active{% endif %}" href="{{ url_for('.home') }}">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if page == 'banks' %}active{% endif %}"
+                        href="{{ url_for('.banks') }}">Banks</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if page == 'exchanges' %}active{% endif %}"
+                        href="{{ url_for('.exchanges') }}">Exchanges</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {% if page == 'match_dbg' %}active{% endif %}"
+                        href="{{ url_for('.match_dbg') }}">Matching Debugger</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/banks.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/banks.html.j2
new file mode 100644
index 000000000..608259348
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/banks.html.j2
@@ -0,0 +1,11 @@
+<div class="container my-3">
+    {% include "components/banks_grid.html.j2" %}
+</div>
+
+<div class="container my-3">
+    {% include "components/add_to_bank_form.html.j2" %}
+</div>
+
+<div class="container my-3">
+    {% include "components/match_form.html.j2" %}
+</div>
\ No newline at end of file
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/exchanges.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/exchanges.html.j2
new file mode 100644
index 000000000..fdb3c961e
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/exchanges.html.j2
@@ -0,0 +1,5 @@
+<div class="container my-3">
+    <h3>Exchange Status</h3>
+    {% include 'components/create_exchange_modal.html.j2' %}
+    {% include "components/exchange_status.html.j2" %}
+</div>
\ No newline at end of file
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/home.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/home.html.j2
new file mode 100644
index 000000000..1330399f2
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/home.html.j2
@@ -0,0 +1,26 @@
+{% if not production %}
+{% include "components/dev_mode_bar.html.j2" %}
+{% endif %}
+
+<div class="container my-3">
+    {% include "components/content_signal.html.j2" %}
+</div>
+
+<div class="container my-4">
+    <hr />
+</div>
+
+<div class="container my-3">
+    {% include "components/index_status.html.j2" %}
+</div>
+
+<div class="container my-4">
+    <hr />
+</div>
+
+<div class="container my-3">
+    <h3>Exchange Status</h3>
+    {% include "components/exchange_status.html.j2" %}
+</div>
+
+<script src="{{ url_for('static', filename='js/autoreload.js') }}"></script>
\ No newline at end of file
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/match_dbg.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/match_dbg.html.j2
new file mode 100644
index 000000000..89f2aadc7
--- /dev/null
+++ b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/match_dbg.html.j2
@@ -0,0 +1,22 @@
+<div class="container">
+    <div class="py-5 text-center">
+        <h3>Matching and SignalType Debugger</h3>
+        <p class="lead">Directly upload files and URLs to explore matching algorithms.</p>
+    </div>
+    <div class="row justify-content-center gx-5">
+        <div class="col-6">
+            {% include "components/match_dbg_upload.html.j2" %}
+        </div>
+        <div class="col-6">
+            {% include "components/match_dbg_upload.html.j2" %}
+        </div>
+    </div>
+    <div class="container my-2 text-center">
+        <h4>Match Results:</h4>
+        <ul>
+            <li>Verdict: Match</li>
+            <li>PDQ: 31</li>
+            <li>md5: 0</li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file