diff --git a/templates/index.html b/templates/index.html
index dd0f0de..4cdbc21 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,8 +4,31 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <title>Grafted trees</title>
   <style>
+    body {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      margin: 0;
+      padding: 0;
+      height: 100vh;
+      font-family: Arial, Helvetica, sans-serif;
+      font-size: 12pt;
+      line-height: 18pt;
+    }
+
+    main {
+      grid-column: 1;
+      overflow-y: auto;
+      padding: 32pt 32pt 32pt 16pt;
+    }
+
+    aside {
+      grid-column: 2;
+      overflow-y: auto;
+      padding: 32pt 16pt;
+    }
+
     [data-message] {
       display: none;
       font-size: var(--font-size-smaller);
@@ -18,22 +41,33 @@
       display: block;
     }
 
+    button {
+      font: inherit;
+    }
+
   </style>
 </head>
 <body>
-  <h1>Grafting a tree</h1>
-  <p>
-    <form action="{{ BASEURL }}/graft" method="POST">
-      Graft a tree for <input type="number" name="years" value="3" max="25" min="0" size="4" /> years.
-      <button type="submit">Graft</button>
-    </form>
-  </p>
-  <p data-message="working">
-    Grafting your tree. This might take a while.
-  </p>
-  <p data-message="error">
-    Something went wrong.
-  </p>
+  <main>
+    <h1>Grafted trees</h1>
+    <p>
+      ‘Grafted trees’ takes quotes about trees from existing works. Each graft is defined by its gardener, who is present with a short biography scraped from Wikipedia. The reader chooses the amount of seasons the graft will grow. A random noun is picked and defined as a 'bud' from which a new branch grows by replacing the word by its definition. The algorithm is inspired by Oulipo's constraint of 'Littérature définitionnelle', invented by Marcel Bénabou in 1966: in a given phrase, one replaces every significant element (noun, adjective, verb, adverb) by one of its definitions in a given dictionary; one reiterates the operation on the newly received phrase, and again. 
+    </p>
+  </main>
+  <aside>
+    <p>
+      <form action="{{ BASEURL }}/graft" method="POST">
+        Graft a tree for <input type="number" name="years" value="3" max="25" min="0" size="4" /> years.<br /><br />
+        <button type="submit">Graft & download</button>
+      </form>
+    </p>
+    <p data-message="working">
+      Grafting your tree. This might take a while.
+    </p>
+    <p data-message="error">
+      Something went wrong.
+    </p>
+  </aside>
   <script>
     function getFilename (headers, fallback) {
       if (headers.has('Content-Disposition')) {
