diff --git a/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css b/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css
index 1c16d62..c9787d0 100644
--- a/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css
+++ b/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css
@@ -46,4 +46,56 @@
     -webkit-background-size: 100%;
     background-size: 100%;
   }
+}
+.nnid-login-btn {
+  display: block;
+
+  height: 40px;
+  width: fit-content;
+
+  padding: 0 25px 0 14px;
+  margin: 16px auto 20px auto;
+
+  background-color: #e97200;
+  color: #fff;
+
+  font-size: 15px;
+  font-weight: bold;
+  line-height: 40px;
+  text-decoration: none;
+
+  border-radius: 4px;
+}
+
+.nnid-login-btn:hover {
+  background-color: #de6b00;
+}
+
+.nnid-icon {
+  display: inline-block;
+  vertical-align: middle;
+
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+
+  position: relative;
+
+  background-image: url("nnlogo.svg");
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+
+.nnid-icon::after {
+  content: "";
+  position: absolute;
+
+  right: -6px;
+  top: 0;
+
+  width: 1px;
+  height: 100%;
+
+  background-color: #dd6c00;
 }
\ No newline at end of file
diff --git a/assets/nnlogo.svg b/assets/nnlogo.svg
new file mode 100644
index 0000000..b981f10
--- /dev/null
+++ b/assets/nnlogo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="18px" height="20px" viewBox="0 0 18 20" enable-background="new 0 0 18 20" xml:space="preserve">
+<g>
+	<path fill="#FFFFFF" d="M0,7.613c0-0.399,0.337-0.722,0.754-0.722H2.67c0.171,0,0.298-0.078,0.456-0.186
+		c1.22-0.835,2.712-1.324,4.327-1.324c4.115,0,7.453,3.194,7.453,7.134v6.549c0,0.4-0.339,0.725-0.757,0.725h-2.428
+		c-0.419,0-0.759-0.324-0.759-0.725v-6.549c0-1.854-1.569-3.359-3.51-3.359c-1.939,0-3.51,1.505-3.51,3.359v6.549
+		c0,0.4-0.34,0.725-0.759,0.725H0.757C0.34,19.789,0,19.465,0,19.064V7.613z"/>
+	<path fill="#FFFFFF" d="M2.561,2.312c1.493-0.663,3.156-1.033,4.913-1.033c3.96,0,7.453,1.887,9.567,4.767
+		c0.176,0.238,0.508,0.288,0.743,0.114c0.235-0.178,0.286-0.511,0.111-0.749c-2.312-3.148-6.122-5.199-10.422-5.199
+		c-1.907,0-3.717,0.401-5.343,1.124C1.862,1.455,1.741,1.771,1.86,2.04C1.979,2.312,2.292,2.432,2.561,2.312"/>
+	<path fill="#FFFFFF" d="M15.45,7.653c-0.162,0-0.323-0.075-0.427-0.216c-1.734-2.346-4.563-3.748-7.57-3.748
+		c-1.344,0-2.64,0.269-3.851,0.799c-0.269,0.117-0.58-0.005-0.698-0.272c-0.116-0.269,0.006-0.58,0.274-0.697
+		C4.524,2.93,5.962,2.632,7.453,2.632c3.341,0,6.489,1.562,8.422,4.178c0.174,0.235,0.123,0.565-0.111,0.74
+		C15.668,7.62,15.558,7.653,15.45,7.653"/>
+</g>
+</svg>
diff --git a/index.html b/index.html
index be47379..71939c9 100644
--- a/index.html
+++ b/index.html
@@ -27,32 +27,49 @@
 </head>
 <body>
 <div class="ika-wrapper welcome">
-<div class="geso-public">
-<header>
-<div class="icon-header-logo"></div>
-</header>
-<div class="tour">
-<div class="thankyou">
-</div>
-</div>
-</div>
-<div class="do-public">
-<div class="contents">
-<div class="login">
-<span class="nnid-description">
-<p>
-              The SplatNet website, created to encourage online play between friends, has closed down as of September 30th 2017. We are very grateful to the many people who have used this website since it launched in August 2015.
-            </p>
-<p>
-              We hope you will continue to enjoy playing Splatoon's online multiplayer modes on the Wii U.
-            </p>
-</span>
-</div>
-</div>
-</div>
-<footer class="enpera">
-<div class="site-policy"><a href="http://www.esrb.org/ratings/ratings_guide.jsp"><span class="esrb-bg"></span></a><a href="http://www.esrb.org/confirm/nintendo-confirmation.jsp"><span class="privacy-certified-bg"></span></a>
-</div><small>©Nintendo</small></footer>
+  <div class="geso-public">
+    <header>
+      <div class="icon-header-logo"></div>
+    </header>
+    <div class="tour">
+      <div class="thankyou"></div>
+    </div>
+  </div>
+
+  <div class="do-public">
+    <div class="contents">
+      <div class="login">
+        <a class="nnid-login-btn" href="/users/auth/pretendo">
+          <span class="nnid-icon"></span>
+          Log In
+        </a>
+
+        <span class="nnid-description">
+          <p>
+            To use SplatNet, you need to log in with your Pretendo Network ID.
+          </p>
+          <p>
+            *Please note that while smartphone apps that utilize the information from this site have been confirmed, none of them are affiliated with Nintendo in any way.
+          </p>
+          <p>
+            **IMPORTANT NOTE: This is a recreation of SplatNet! While the goal of this project is to be faithful, Nintendo Network pages will be treated as Pretendo instead.
+          </p>
+        </span>
+
+        <p class="site-policy-text" style="text-align: center;">
+          <a href="/site_policy">Site Policy</a>
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <footer class="enpera">
+    <div class="site-policy">
+      <a href="http://www.esrb.org/ratings/ratings_guide.jsp"><span class="esrb-bg"></span></a>
+      <a href="http://www.esrb.org/confirm/nintendo-confirmation.jsp"><span class="privacy-certified-bg"></span></a>
+    </div>
+    <small>©Nintendo</small>
+  </footer>
 </div>
 </body>
 </html>
\ No newline at end of file
