diff --git a/examples/index.html b/examples/index.html
index c42b21aa48..6619e72ac6 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -26,6 +26,12 @@
         font-size: smaller;
         margin: 5px 0;
       }
+      a.example {
+        text-decoration: none;
+      }
+      a.example:hover :first-child {
+        text-decoration: underline;
+      }
       a.bg-light:focus,
       a.bg-light:hover,
       button.bg-light:focus,
@@ -88,10 +94,8 @@
         <div id="template" class="row mt-3">
           <div class="col-md-4 col-sm-6" jugl:repeat="example examples">
             <a jugl:attributes="href example.link" class="example  bg-light border rounded">
-              <span class="mainlink">
-                <strong><span jugl:replace="example.title">title</span></strong><br>
-                <small jugl:content="'(' + example.link + ')'"></small>
-              </span>
+              <strong><span jugl:replace="example.title">title</span></strong><br>
+              <small jugl:content="'(' + example.link + ')'"></small>
               <p class="description" jugl:content="example.shortdesc"></p>
             </a>
           </div>
diff --git a/site/src/favicon.ico b/site/src/favicon.ico
new file mode 100644
index 0000000000..bc4bafb6e9
Binary files /dev/null and b/site/src/favicon.ico differ
diff --git a/site/src/index.hbs b/site/src/index.hbs
index 7b4dcbfab8..80bb573770 100644
--- a/site/src/index.hbs
+++ b/site/src/index.hbs
@@ -10,8 +10,8 @@ head:
   <blockquote id='tagline' class='text-right plain'>
     <p>A high-performance, feature-packed library for all your mapping needs.</p>
   </blockquote>
-  <div class='row'>
-    <div id='news' class='col-sm-12'>
+  <div class='row' id='news'>
+    <div class='col-sm-12'>
       <h1 class='topic'><i class='fa fa-rss'></i> Latest</h1>
       <p><strong>OpenLayers <a href="/download/">{{ version }}</a> is here!</strong> Check out the <a href="/doc/">docs</a> and the <a href="/en/latest/examples/">examples</a> to get started. The full distribution can be downloaded from the <a href="/download/">release page</a>.</p>
     </div>
@@ -56,38 +56,38 @@ head:
   </div>
   <div class='row'>
     <div class='col-sm-6'>
-      <a href='/doc/quickstart.html' class='big-link'>
+      <a href='/doc/quickstart.html'>
         <h3><i class='fa fa-check'></i> Quick Start</h3>
-        <p>Seen enough already?  Go here to get started.</p>
       </a>
+      <p>Seen enough already? Go here to get started.</p>
     </div>
     <div class='col-sm-6'>
-      <a href='/download/' class='big-link'>
+      <a href='/download/'>
         <h3><i class='fa fa-download'></i> Get the Code</h3>
-        <p>Get the latest release or dig through the archives.</p>
-      </a>
-    </div>
-  </div>
-    <div class='row'>
-    <div class='col-sm-6'>
-      <a href='/doc/tutorials/' class='big-link'>
-        <h3><i class='fa fa-book'></i> Tutorials</h3>
-        <p>Spend time learning the basics and graduate up to advanced mapping techniques.</p>
-      </a>
-    </div>
-    <div class='col-sm-6'>
-      <a href='/workshop/' class='big-link'>
-        <h3><i class='fa fa-graduation-cap'></i> Workshop</h3>
-        <p>Want to learn OpenLayers hands-on? Get started with the workshop.</p>
       </a>
+      <p>Get the latest release or dig through the archives.</p>
     </div>
   </div>
   <div class='row'>
     <div class='col-sm-6'>
-      <a href='/en/latest/apidoc/' class='big-link'>
-        <h3><i class='fa fa-sitemap'></i> API Docs</h3>
-        <p>Browse through the API docs for details on code usage.</p>
+      <a href='/doc/tutorials/'>
+        <h3><i class='fa fa-book'></i> Tutorials</h3>
       </a>
+      <p>Spend time learning the basics and graduate up to advanced mapping techniques.</p>
+    </div>
+    <div class='col-sm-6'>
+      <a href='/workshop/'>
+        <h3><i class='fa fa-graduation-cap'></i> Workshop</h3>
+      </a>
+      <p>Want to learn OpenLayers hands-on? Get started with the workshop.</p>
+    </div>
+  </div>
+  <div class='row'>
+    <div class='col-sm-6'>
+      <a href='/en/latest/apidoc/'>
+        <h3><i class='fa fa-sitemap'></i> API Docs</h3>
+      </a>
+      <p>Browse through the API docs for details on code usage.</p>
     </div>
   </div>
   <div class='row'>
@@ -98,8 +98,7 @@ head:
         <li>Latest v5: <a href="https://github.com/openlayers/openlayers/releases/tag/v5.3.0">v5.3.0</a> released 2018-11-06 &mdash; <a href="/en/v5.3.0/doc/">docs</a>, <a href="/en/v5.3.0/apidoc/">API</a> &amp;  <a href="/en/v5.3.0/examples/">examples</a></li>
         <li>Latest v4: <a href="https://github.com/openlayers/openlayers/releases/tag/v4.6.5">v4.6.5</a> released 2018-03-20 &mdash; <a href="/en/v4.6.5/doc/">docs</a>, <a href="/en/v4.6.5/apidoc/">API</a> &amp;  <a href="/en/v4.6.5/examples/">examples</a></li>
         <li>Latest v3: <a href="https://github.com/openlayers/openlayers/releases/tag/v3.20.1">v3.20.1</a>, released 2016-12-12 &mdash; <a href="/en/v3.20.1/doc/">docs</a>, <a href="/en/v3.20.1/apidoc/">API</a> &amp;  <a href="/en/v3.20.1/examples/">examples</a></li>
-        <li>Latest v2: v2.13.1 (July 2013 i.e. really old) &mdash; you'll find everything you need on the <a href="./two">2.x page</a></li>
-        <li>Latest v1 &mdash; You're kidding, right?</li>
+        <li>Latest v2: v2.13.1, released 2013-07-09 &mdash; you'll find everything you need on the <a href="./two">2.x page</a></li>
       </ul>
       <p>Please consider upgrading to benefit of the latest features and bug fixes. Get best performance and usability for free by using recent versions of OpenLayers</p>
     </div>
@@ -109,20 +108,20 @@ head:
   </div>
   <div class='row'>
     <div class='col-sm-4'>
-      <a href='https://github.com/openlayers/openlayers' class='big-link'>
+      <a href='https://github.com/openlayers/openlayers'>
         <h3><i class="fa fa-code-fork"></i> Fork the repo</h3>
       </a>
     </div>
     <div class='col-sm-4'>
-      <a href='https://github.com/openlayers/openlayers/issues' class='big-link'>
+      <a href='https://github.com/openlayers/openlayers/issues'>
         <h3><i class="fa fa-bug"></i> Open a ticket</h3>
       </a>
     </div>
     <div class='col-sm-4'>
-      <a href='http://stackoverflow.com/questions/tagged/openlayers' class='big-link'>
+      <a href='http://stackoverflow.com/questions/tagged/openlayers'>
         <h3><i class="fa fa-user"></i> Ask a question</h3>
       </a>
     </div>
   </div>
 </div>
-<script src="./main.js"></script>
+<script src="./main.js"></script>
\ No newline at end of file
diff --git a/site/src/theme/index.css b/site/src/theme/index.css
index a665f865a6..cea3f1ff9f 100644
--- a/site/src/theme/index.css
+++ b/site/src/theme/index.css
@@ -23,12 +23,9 @@
 }
 
 #news {
-  clear: both;
-  border: 1px solid #eee;
-  background-color: #f8f8f8;
+  background-color: var(--ol-accent-background-color);
   border-radius: 4px;
-  padding: 1rem;
-  margin: 0 1rem 0 1rem;
+  padding: 1rem 0 0;
 }
 
 #news h1 {
@@ -51,7 +48,3 @@ img.thumb {
 .over .ol-overlaycontainer-stopevent {
   opacity: 1;
 }
-
-ul.sponsors {
-  background-color: #f8f8f8;
-}
\ No newline at end of file
diff --git a/site/src/theme/site.css b/site/src/theme/site.css
index 5d4527f9a3..73f5583d3e 100644
--- a/site/src/theme/site.css
+++ b/site/src/theme/site.css
@@ -8,8 +8,8 @@ body {
 }
 
 h1 {
-  margin-top: 40px;
-  margin-bottom: 30px;
+  margin-top: 30px;
+  margin-bottom: 20px;
 }
 
 h1,
@@ -65,16 +65,6 @@ footer a:focus {
   text-decoration: underline;
 }
 
-pre[class*="language-"] {
-  background: #FFFFFF;
-  font-size: 87.5%;
-}
-
-pre {
-  border: 1px solid #eee;
-  border-radius: 0;
-}
-
 .navbar {
   background-color: var(--ol-foreground-color);
   color: var(--ol-background-color);