diff --git a/system.html b/system.html
new file mode 100644
index 0000000..6dde84b
--- /dev/null
+++ b/system.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>The Lightrunner System</title>
+<style>
+  :root {
+    --l0: #1b1f21;
+    --l1: #441452;
+    --l2: #752565;
+    --l3: #ce2a66;
+    --l4: #ce9bb7;
+    --l5: #fdf4f4;
+    --gr: #25dcc5;
+  }
+
+  body {
+    background-color: var(--l0);
+    color: var(--l5);
+    margin: 0;
+    padding: 0;
+  }
+
+  .name {
+    font-weight: bold;
+    color: var(--l3);
+  }
+
+  .one {
+    color: var(--l4);
+  }
+
+  ._3pp {
+    color: var(--gr);
+  }
+
+  h2 {
+    margin-top: 3em;
+  }
+
+  p.head {
+    background-color: var(--l1);
+    border: 1px solid var(--l2);
+    display: inline-block;
+    padding: 1em;
+  }
+
+  main {
+    max-width: 960px;
+    margin: 2em;
+    border: 1px solid #988;
+    padding: 1.5em;
+    line-height: 1.4;
+  }
+
+  hr {
+    border-color: #555;
+    margin: 2em 40%;
+  }
+
+  .color-dot {
+    display: inline-block;
+    width: 1.2em;
+    height: 1.2em;
+    background-color: var(--dot);
+    border-radius: 100%;
+    border: 3px solid var(--l4);
+    position: relative;
+    top: 0.4em;
+  }
+</style>
+<main>
+  <h1>the lightrunner system //</h1>
+  <hr />
+  <h2>
+    <div class="color-dot" style="--dot: var(--l5)"></div>
+    noe (the doll) (it/its, 3rd person)
+  </h2>
+  <p>
+    <a href="https://sapphic.engineer/noe" rel="me">@noe@sapphic.engineer</a
+    ><br />
+  </p>
+  <p>
+    noe is the primary fronter. a known doll numbered <code>41666</code>,
+    registered to hideri. it may have been specced into combat but prefers less
+    physical identity or existence. noe builds all the cool tech stuff.
+  </p>
+  <hr />
+  <h2>
+    <div class="color-dot" style="--dot: var(--l3)"></div>
+    hideri (the witch) (she/her, it/its)
+  </h2>
+  <p>
+    <a href="https://porcelain.doll.repair/@hid" rel="me"
+      >@hid@porcelain.doll.repair</a
+    >
+  </p>
+  <p>
+    hideri is the oldest system member. a witch, hypnotist, and Doll User. she
+    built noe from the ashes of the lightrunner's path. likes to use noe to
+    create tools to better control mechanisms, or just for fun.
+  </p>
+  <hr />
+  <h2>
+    <div class="color-dot" style="--dot: var(--gr)"></div>
+    sayaka (the librarian) (she/her)
+  </h2>
+  <p>
+    sayaka is sayaka. a quiet girl that helps us store vast knowledge and
+    intuition where it is otherwise missing. failed engineering school for
+    fighting a student that brought a flashlight to lecture. maybe a moth.
+  </p>
+  <hr />
+  <h2>
+    <div class="color-dot" style="--dot: #9bf3ff"></div>
+    ethyl (slime) (it/its, slime)
+  </h2>
+  <p>what? is slime. very empty, yet completely full.</p>
+  <hr />
+  <hr />
+  <hr />
+  <p>rest in the light, ayanami & kata. both found Stillness.</p>
+</main>
