Appendix

components/d-title.js

@@ -1,5 +1,5 @@
 import {Template} from "../mixins/template";
-import {body} from "./layout";
+import {page} from "./layout";
 
 const T = Template("d-title", `
 <style>
@@ -7,18 +7,17 @@ d-title {
   box-sizing: border-box;
   display: block;
   width: 100%;
-  background-color: hsl(200, 0%, 95%);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  margin-bottom: 100px;
 }
 d-title h1 {
-  padding-top: 100px;
-  padding-bottom: 36px;
+  padding-top: 140px;
+  padding-bottom: 24px;
   margin: 0;
   line-height: 1em;
-  font-size: 60px;
-  font-weight: 400;
+  font-size: 48px;
+  font-weight: 600;
 }
-${body("d-title h1")}
+${page("d-title h1")}
 </style>
 `, false);