diff --git a/assets/css/main.css b/assets/css/main.css
index a65a808..ea666aa 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,5 +1,9 @@
 /* STYLE for jannikbeyerstedt.de
  * generic styles
+ *
+ * main font: Alegreya Sans
+ * headings: Crimson Text
+ * Logo: Boon
  */
 body {
   margin: 0;
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index 4278d3a..c5fd5e5 100644
Binary files a/assets/css/main.css.map and b/assets/css/main.css.map differ
diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css
index 8695aec..2ac1ba2 100644
--- a/assets/css/templates/home.css
+++ b/assets/css/templates/home.css
@@ -3,17 +3,26 @@
  */
 main div.home {
   text-align: center;
-  margin-top: 20%;
+  margin-top: 17%;
   margin-bottom: 20%; }
-  main div.home h1 {
-    margin: 0;
-    font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
+  main div.home div.logo {
+    font-family: 'Boon', "Verdana", "Arial", sans-serif;
+    font-size: 24.5px;
+    line-height: 1.2em;
     font-weight: 100;
-    font-size: 60px;
-    margin-top: 15px;
-    margin-bottom: 15px; }
+    width: 11em;
+    margin: 0 auto; }
+    main div.home div.logo span {
+      color: #2da301;
+      font-weight: 400; }
+      main div.home div.logo span.firstname {
+        padding-left: 0.1em;
+        padding-right: 0.56em; }
+      main div.home div.logo span.surname {
+        letter-spacing: -0.036em; }
   main div.home p {
-    margin: 0;
-    font-size: 20px; }
+    margin-top: 0.5em;
+    font-size: 14px;
+    letter-spacing: -0.02em; }
 
 /*# sourceMappingURL=home.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map
index 25b92f0..1c5a07d 100644
Binary files a/assets/css/templates/home.css.map and b/assets/css/templates/home.css.map differ
diff --git a/assets/fonts/boon-300.woff b/assets/fonts/boon-300.woff
new file mode 100644
index 0000000..d4d1261
Binary files /dev/null and b/assets/fonts/boon-300.woff differ
diff --git a/assets/fonts/boon-300i.woff b/assets/fonts/boon-300i.woff
new file mode 100644
index 0000000..51a0dda
Binary files /dev/null and b/assets/fonts/boon-300i.woff differ
diff --git a/assets/fonts/boon-400.woff b/assets/fonts/boon-400.woff
new file mode 100644
index 0000000..09972c8
Binary files /dev/null and b/assets/fonts/boon-400.woff differ
diff --git a/assets/fonts/boon-400i.woff b/assets/fonts/boon-400i.woff
new file mode 100644
index 0000000..2c84f3e
Binary files /dev/null and b/assets/fonts/boon-400i.woff differ
diff --git a/assets/fonts/boon-500.woff b/assets/fonts/boon-500.woff
new file mode 100644
index 0000000..f39c765
Binary files /dev/null and b/assets/fonts/boon-500.woff differ
diff --git a/assets/fonts/boon-500i.woff b/assets/fonts/boon-500i.woff
new file mode 100644
index 0000000..95d061f
Binary files /dev/null and b/assets/fonts/boon-500i.woff differ
diff --git a/assets/fonts/boon-600.woff b/assets/fonts/boon-600.woff
new file mode 100644
index 0000000..7255c12
Binary files /dev/null and b/assets/fonts/boon-600.woff differ
diff --git a/assets/fonts/boon-600i.woff b/assets/fonts/boon-600i.woff
new file mode 100644
index 0000000..91b0343
Binary files /dev/null and b/assets/fonts/boon-600i.woff differ
diff --git a/assets/fonts/boon-700.woff b/assets/fonts/boon-700.woff
new file mode 100644
index 0000000..66c66eb
Binary files /dev/null and b/assets/fonts/boon-700.woff differ
diff --git a/assets/fonts/boon-700i.woff b/assets/fonts/boon-700i.woff
new file mode 100644
index 0000000..d6c9700
Binary files /dev/null and b/assets/fonts/boon-700i.woff differ
diff --git a/assets/fonts/boon.css b/assets/fonts/boon.css
new file mode 100755
index 0000000..4cf787f
--- /dev/null
+++ b/assets/fonts/boon.css
@@ -0,0 +1,55 @@
+@font-face {
+  src: url("boon-300.woff") format("woff");
+  font-family: "Boon";
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  src: url("boon-300i.woff") format("woff");
+  font-family: "Boon";
+  font-style: italic;
+  font-weight: 300;
+}
+
+@font-face {
+  src: url("boon-400.woff") format("woff");
+  font-family: "Boon";
+  font-style: normal;
+  font-weight: 400;
+}
+
+@font-face {
+  src: url("boon-400i.woff") format("woff");
+  font-family: "Boon";
+  font-style: italic;
+  font-weight: 400;
+}
+
+@font-face {
+  src: url("boon-500.woff") format("woff");
+  font-family: "Boon";
+  font-style: normal;
+  font-weight: 500;
+}
+
+@font-face {
+  src: url("boon-500i.woff") format("woff");
+  font-family: "Boon";
+  font-style: italic;
+  font-weight: 500;
+}
+
+@font-face {
+  src: url("boon-700.woff") format("woff");
+  font-family: "Boon";
+  font-style: normal;
+  font-weight: 700;
+}
+
+@font-face {
+  src: url("boon-700i.woff") format("woff");
+  font-family: "Boon";
+  font-style: italic;
+  font-weight: 700;
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 0bd26ce..5b48bd2 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -1,5 +1,9 @@
 /* STYLE for jannikbeyerstedt.de
  * generic styles
+ *
+ * main font: Alegreya Sans
+ * headings: Crimson Text
+ * Logo: Boon
  */
 @import "custom";
 @import "variables";
diff --git a/assets/scss/templates/home.scss b/assets/scss/templates/home.scss
index 3685a10..f494e11 100644
--- a/assets/scss/templates/home.scss
+++ b/assets/scss/templates/home.scss
@@ -2,22 +2,42 @@
  * for specific template
  */
 
+@import "../mainvariables";
+
 main {
   div.home {
     text-align: center;
-    margin-top: 20%;
+    margin-top: 17%;
     margin-bottom: 20%;
-    h1 {
-      margin: 0;
-      font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
+    
+    div.logo {
+      font-family: 'Boon', "Verdana", "Arial", sans-serif;
+      font-size: 24.5px;
+      line-height: 1.2em;
       font-weight: 100;
-      font-size: 60px;
-      margin-top: 15px;
-      margin-bottom: 15px;
+      
+      width: 11em; // more than needed, because of fallback fonts
+      margin: 0 auto;
+      
+      span {
+        color: $color_accent;
+        font-weight: 400;
+        &.firstname {
+          padding-left: 0.1em;
+          padding-right: 0.56em;
+        }
+        &.surname {        
+          letter-spacing: -0.036em;
+        }
+      }
+      
     }
+    
     p {
-      margin: 0;
-      font-size: 20px;
+      margin-top: 0.5em;
+      font-size: 14px;
+      letter-spacing: -0.02em;
     }
+    
   }
 }
diff --git a/site/snippets/base/html-head.php b/site/snippets/base/html-head.php
index 994ac3b..78ad6fc 100644
--- a/site/snippets/base/html-head.php
+++ b/site/snippets/base/html-head.php
@@ -36,6 +36,8 @@ if( $page->isHomePage() ) {
   <!-- Google web fonts -->
   <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Crimson+Text:400,700' rel='stylesheet' type='text/css'>
+  
+  <?php echo css('assets/fonts/boon.css') ?>
 
 </head>
 <body>
diff --git a/site/templates/home.php b/site/templates/home.php
index 6473694..6135453 100644
--- a/site/templates/home.php
+++ b/site/templates/home.php
@@ -14,7 +14,17 @@ snippet('base/cont-header');
   <div class="container">
     
     <div class="home">
-      <h1><?php echo $page->hero_text()->kirbytextRaw() ?></h1>
+      <div class="logo">
+        <span class="firstname">jannik</span>0b 01101010<br>
+        01100001 01101110<br>
+        01101110 01101001<br>
+        01101011 <span class="surname">beyerstedt</span><br>
+        01100010 01100101<br>
+        01111001 01100101<br>
+        01110010 01110011<br>
+        01110100 01100101<br>
+        01100100 01110100
+      </div>
       <p><?php echo $page->subtitle()->kirbytextRaw() ?></p>
     </div>