diff --git a/jetty-home/src/main/resources/modules/demo-root.mod b/jetty-home/src/main/resources/modules/demo-root.mod
index 18862144045..c1a10cbede1 100644
--- a/jetty-home/src/main/resources/modules/demo-root.mod
+++ b/jetty-home/src/main/resources/modules/demo-root.mod
@@ -15,5 +15,5 @@ webapps/root/
 webapps/root/images/
 basehome:modules/demo.d/root/index.html|webapps/root/index.html
 basehome:modules/demo.d/root/jetty.css|webapps/root/jetty.css
-basehome:modules/demo.d/root/images/jetty-header.jpg|webapps/root/images/jetty-header.jpg
+basehome:modules/demo.d/root/images/jetty-pic.png|webapps/root/images/jetty-pic.png
 basehome:modules/demo.d/root/images/webtide_logo.jpg|webapps/root/images/webtide_logo.jpg
diff --git a/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-header.jpg b/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-header.jpg
deleted file mode 100644
index f40c3644cc0..00000000000
Binary files a/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-header.jpg and /dev/null differ
diff --git a/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-pic.png b/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-pic.png
new file mode 100644
index 00000000000..2df513a88d6
Binary files /dev/null and b/jetty-home/src/main/resources/modules/demo.d/root/images/jetty-pic.png differ
diff --git a/jetty-home/src/main/resources/modules/demo.d/root/index.html b/jetty-home/src/main/resources/modules/demo.d/root/index.html
index 155891dfea6..ea1526bccbc 100644
--- a/jetty-home/src/main/resources/modules/demo.d/root/index.html
+++ b/jetty-home/src/main/resources/modules/demo.d/root/index.html
@@ -31,7 +31,7 @@
     <table>
       <tr>
         <td>
-          <h2>demos ...</h2>
+          <h2>demos</h2>
           <ul>
             <li><a href="/test/">Demo Jetty Webapp</a></li>
             <li><a href="/test-spec/">Servlet 5.0 Test</a></li>
@@ -43,7 +43,7 @@
           </ul>
         </td>
         <td>
-          <h2>information ...</h2>
+          <h2>information</h2>
             <ul>
                 <li><a href="https://www.eclipse.org/jetty/">Jetty Homepage</a></li>
                 <li><a href="https://www.eclipse.org/jetty/documentation/current">Jetty Documentation</a></li>
@@ -53,7 +53,7 @@
             </ul>
         </td>
         <td>
-          <h2>getting&nbsp;help ...</h2>
+          <h2>getting&nbsp;help</h2>
             <ul>
                 <li><a href="https://www.eclipse.org/jetty/mailinglists.php">Mailing lists @ eclipse</a></li>
                 <li><a href="https://github.com/eclipse/jetty.project">Source @ github</a></li>
@@ -69,7 +69,7 @@
   </div>
 
   <div id='blog'>
-    <h1>Jetty Blog</h1>
+    <h1>Jetty Developer's Blog</h1>
     <iframe src="https://webtide.com/blog.jsp" />
   </div>
 </body>
diff --git a/jetty-home/src/main/resources/modules/demo.d/root/jetty.css b/jetty-home/src/main/resources/modules/demo.d/root/jetty.css
index 90d281a7bfa..acf677f7cf5 100644
--- a/jetty-home/src/main/resources/modules/demo.d/root/jetty.css
+++ b/jetty-home/src/main/resources/modules/demo.d/root/jetty.css
@@ -1,9 +1,9 @@
 BODY
 {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: Arial, Verdana, Helvetica, sans-serif;
   background-color: #FFFFFF;
-  font-size: 10pt;
-  color: #666666;
+  font-size: 14pt;
+  color: #444444;
 }
 
 img
@@ -15,51 +15,52 @@ img
 div#header
 {
   clear: both;
-  background-image: url('images/jetty-header.jpg');
+  background-image: url('images/jetty-pic.png');
   background-repeat: no-repeat;
   background-position: center;
-  height:200px;
-  border-bottom: 3px ridge #cccccc;
-  border-right: 3px ridge #cccccc;
-  border-top: 3px groove #cccccc;
-  border-left: 3px groove #cccccc;
-  width: 850px;
+  height: 277px;
+  border: 2px solid #1b2857; 
+  border-radius: 10px;
+  width: 900px;
   margin-left: auto;
   margin-right: auto;
 }
 
+
 div#content
 {
   clear: both;
-  font-size: 10pt;
+  font-size: 14pt;
+  font-family: Verdana;
   font-weight: normal;
   color: #666666;
   margin-top: 30px;
-  width: 850px;
+  width: 900px;
   margin-left: auto;
   margin-right: auto;
 }
  
 div#links table
 {
-  width: 850px;
+  width: 900px;
+  border-spacing: 6px;
+  margin: auto;
 }
  
 div#links td
 {
   vertical-align: top;
   text-align: left;
-  border: 2px dotted #cccccc; 
+  border: 1px solid #f6815c; 
+  border-radius: 10px;
   padding: 8px;
-  background-color: #efefef;
   width: 280px;
 }
 
-
 div#links
 {
   margin-top:  20px;
-  width: 850px;
+  width: 950px;
   color: #999999;
   margin-left: auto;
   margin-right: auto;
@@ -68,38 +69,26 @@ div#links
 
 div#links h1,h2,p 
 {
-  font-size: 10pt;
-  font-family: sans-serif;
+  font-size: 11pt;
+  font-family: Helvetica, sans-serif;
   text-align:left;
   margin: 5px;
 }
 
-div#links h1
-{
-  font-size: 22pt;
-  font-weight: normal;
-  font-family: sans-serif;
-  letter-spacing: 6pt;
-  color: #666666;
-  text-align: center;
-  margin-top:20px;
-}
-
-
 div#links h2
 {
   font-size: 12pt;
-  font-weight: normal;
-  letter-spacing: 2pt;
-  color: #666666;
+  font-family: Arial, sans-serif;
+  font-weight: bolder;
+  letter-spacing: 1pt;
+  text-align: right;
+  color: #1b2857; 
 }
 
-
-
 div#blog
 {
-  margin-top:  20px;
-  width: 850px;
+  margin-top: 20px;
+  width: 900px;
   margin-left: auto;
   margin-right: auto;
 }
@@ -108,26 +97,19 @@ div#blog iframe
 {
   width: 100%;
   height:350px;
-  border: 2px dotted #cccccc; 
+  border: 2px solid #1b2857;
+  border-radius: 10px;
 }
 
-
-
-div#footer
-{
-  clear: both;
-  border-top: 4px groove #cccccc;
-  margin-top:20px;
-  padding-top:10px;
-  width: 850px;
-}
-
-
-
 h1
 {
-  font-size: 14pt;
-  text-align:center;
+  font-size: 22pt;
+  font-family: Arial, sans-serif;
+  font-weight: bold;
+  text-align: left;
+  color: #1b2857;
+  margin-top: 60px;
+  margin-bottom: 30px;
 }
 
 A:link 
@@ -135,7 +117,7 @@ A:link
   color: #0099cc; 
   text-decoration: none;
   font-weight: normal;
-  font-size: 10pt;
+  font-size: 11pt;
   font-family:sans-serif;
 }
 
@@ -144,7 +126,7 @@ A:visited
   color: #0099cc; 
   text-decoration: none;
   font-weight: normal;
-  font-size: 10pt;
+  font-size: 11pt;
   font-family:sans-serif;
 }
 
@@ -153,7 +135,7 @@ A:hover
   color: #ff6600; 
   text-decoration: none;
   font-weight: normal;
-  font-size: 10pt;
+  font-size: 11pt;
   font-family:sans-serif;
 } 
 
@@ -162,7 +144,7 @@ A:active
   color: #0099cc; 
   text-decoration: none;
   font-weight: normal;
-  font-size: 10pt;
+  font-size: 11pt;
   font-family:sans-serif;
 } 
 
@@ -170,182 +152,3 @@ A.disabled
 {
 	color: #666666;
 }
-
-
-form
-{
-  display: inline;
-}
-
-.SEVERE
-{
-  background-color: #ff0000;
-}
-
-.WARNING
-{
-  background-color: #ff6633;
-}
-
-.INFO
-{
-  background-color: #00cc33;
-}
-
-.CONFIG
-{
-  background-color: #999999;
-}
-
-.FINE
-{
-  background-color: #3333ff;
-}
-
-.FINER
-{
-  background-color: #3333cc;
-}
-
-.FINEST
-{
-  background-color: #333399;
-}
-
-
-table
-{
-  width: 100%;
-  border-spacing: 0px;
-  border-collapse: separate;
-}
-
-
-td
-{
-  font-family: Arial,sans-serif;
-  font-size: 10pt;
-  padding: 2px;
-  margin: 0px;
-  border: #eeeeee groove 2px;
-}
-
-
-#content td
-{
-  vertical-align: top;
-}
-
-#key
-{
-  border-spacing: 0px;
-  border: 0px;
-}
-
-#key td
-{
-  border: #eeeeee groove 2px;
-  font-size: 8pt;
-  font-family: Helvetica;
-  font-weight: bold;
-  color: white;
-}
-
-thead th
-{
-  border: #eeeeee groove 2px;
-}
-
-.seq
-{
-    width: 7em;
-    min-width: 7em;
-    max-width: 7em;
-    color: white;
-    font-family: Helvetica;
-    font-weight: bold;
-}
-
-.date
-{
-    width: 19em;
-    min-width: 19em;
-    max-width: 19em;
-    color: black;
-    background-color: #eeeeee;
-}
-
-.thread
-{
-    width: 3em;
-    min-width: 3em;
-    max-width: 3em;
-    color: black;
-    background-color: #eeeeee;
-}
-
-.logger
-{
-    width: 30em;
-    min-width: 30em;
-    max-width: 30em;
-    background-color: #eeeeee;
-}
-
-.logclass
-{
-    width: 30em;
-    min-width: 30em;
-    max-width: 30em;
-    background-color: #eeeeee;
-}
-
-.method
-{
-    width: 20em;
-    min-width: 20em;
-    max-width: 20em;
-    background-color: #eeeeee;
-}
-
-.message
-{
-    width: 250em;
-    min-width: 250em;
-    max-width: 250em;
-    text-align: left;
-    background-color: #eeeeee;
-    font-family: monospace;
-}
-
-
-.message table
-{
-    border: 0px;
-}
-
-.message td,tr
-{
-    text-align: left;
-    vertical-align: top;
-    padding-top: 0px;
-    border: 0px;
-}
-
-.except
-{  
-    background: #eeeeee;
-    padding-top: 2px;
-}
-
-.excepticon
-{
-    width: 40px;
-    max-width: 40px;
-    min-width: 40px;
-}
-
-button
-{
-  background: white;
-}