diff --git a/ui/app/router.js b/ui/app/router.js
index 12c3c3047..8a6cf648c 100644
--- a/ui/app/router.js
+++ b/ui/app/router.js
@@ -37,6 +37,8 @@ Router.map(function() {
     });
   });
 
+  this.route('topology');
+
   this.route('csi', function() {
     this.route('volumes', function() {
       this.route('volume', { path: '/:volume_name' });
diff --git a/ui/app/templates/components/gutter-menu.hbs b/ui/app/templates/components/gutter-menu.hbs
index eb788f0b9..9d0608d35 100644
--- a/ui/app/templates/components/gutter-menu.hbs
+++ b/ui/app/templates/components/gutter-menu.hbs
@@ -81,6 +81,7 @@
       <ul class="menu-list">
         <li><LinkTo @route="clients" @activeClass="is-active" data-test-gutter-link="clients">Clients</LinkTo></li>
         <li><LinkTo @route="servers" @activeClass="is-active" data-test-gutter-link="servers">Servers</LinkTo></li>
+        <li><LinkTo @route="topology" @activeClass="is-active" data-test-gutter-link="topology">Topology</LinkTo></li>
       </ul>
     </aside>
   </div>
diff --git a/ui/app/templates/topology.hbs b/ui/app/templates/topology.hbs
new file mode 100644
index 000000000..19f060db0
--- /dev/null
+++ b/ui/app/templates/topology.hbs
@@ -0,0 +1,9 @@
+{{title "Cluster Topology"}}
+<PageLayout>
+  <section class="section is-full-width">
+    <div class="empty-message">
+      <h3 class="empty-message-headline">Cluster topology visualization goes here</h3>
+      <p class="empty-message-body">:D</p>
+    </div>
+  </section>
+</PageLayout>