diff --git a/bg.png b/bg.png
new file mode 100644
index 0000000..3b96a37
Binary files /dev/null and b/bg.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c2b787a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE>
+
+<html>
+  <head>
+    <meta charset="utf-8">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
+
+    <title>Nf7</title>
+
+    <style>
+:root {
+  font-size: 16pt;
+}
+body {
+  background-color: black;
+  background-image: url(./bg.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+#fg {
+  margin: calc(50vh - 8rem) auto;
+  width: 16rem;
+  height: 16rem;
+}
+#fg p {
+  font-family: 'Poiret One', cursive;
+  color: white;
+  font-size: 2rem;
+  text-align: center;
+}
+#fg .logo {
+  height: 12rem;
+  text-align: center;
+}
+#fg .logo img {
+  width: 12rem;
+  height: 100%;
+}
+    </style>
+  </head>
+  <body>
+    <div id="fg">
+      <div class="logo"><img src="logo.png"></div>
+      <p>coming soon...</p>
+    </div>
+  </body>
+</html>
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..168fa93
Binary files /dev/null and b/logo.png differ
