diff --git a/apidoc/template/tmpl/layout.tmpl b/apidoc/template/tmpl/layout.tmpl
index 6fab32deef..10805e2676 100644
--- a/apidoc/template/tmpl/layout.tmpl
+++ b/apidoc/template/tmpl/layout.tmpl
@@ -21,7 +21,7 @@
 <div class="navbar navbar-inverse navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
-      <a class="brand" href="./">OpenLayers 3 API Documentation - <?js= title ?></a>
+      <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 API Documentation - <?js= title ?></a>
     </div>
   </div>
 </div>
diff --git a/examples/accessible.html b/examples/accessible.html
index 2f54c51911..94339ed9ac 100644
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -20,7 +20,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/animation.html b/examples/animation.html
index 60d6f937fd..f8f7d2c1ff 100644
--- a/examples/animation.html
+++ b/examples/animation.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/bind-input.html b/examples/bind-input.html
index c5015ddc7f..3418fbf246 100644
--- a/examples/bind-input.html
+++ b/examples/bind-input.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/bing-maps.html b/examples/bing-maps.html
index 0b11b7e66c..c038972c4c 100644
--- a/examples/bing-maps.html
+++ b/examples/bing-maps.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/brightness-contrast.html b/examples/brightness-contrast.html
index 07b42173a5..80dc70f757 100644
--- a/examples/brightness-contrast.html
+++ b/examples/brightness-contrast.html
@@ -23,7 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/canvas-tiles.html b/examples/canvas-tiles.html
index e896536fc8..51f97905f9 100644
--- a/examples/canvas-tiles.html
+++ b/examples/canvas-tiles.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/custom-controls.html b/examples/custom-controls.html
index 766941a871..9cf24d173b 100644
--- a/examples/custom-controls.html
+++ b/examples/custom-controls.html
@@ -51,7 +51,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/device-orientation.html b/examples/device-orientation.html
index 0fb7ba701a..470b06839d 100644
--- a/examples/device-orientation.html
+++ b/examples/device-orientation.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/drag-rotate-and-zoom.html b/examples/drag-rotate-and-zoom.html
index e3c2df70d8..3111e8ef8f 100644
--- a/examples/drag-rotate-and-zoom.html
+++ b/examples/drag-rotate-and-zoom.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/epsg-4326.html b/examples/epsg-4326.html
index 9e55b944cb..91439320e5 100644
--- a/examples/epsg-4326.html
+++ b/examples/epsg-4326.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/export-map.html b/examples/export-map.html
index 334b02238f..14076fe011 100644
--- a/examples/export-map.html
+++ b/examples/export-map.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/full-screen-drag-rotate-and-zoom.html b/examples/full-screen-drag-rotate-and-zoom.html
index 84eb71902c..8ef61c96ba 100644
--- a/examples/full-screen-drag-rotate-and-zoom.html
+++ b/examples/full-screen-drag-rotate-and-zoom.html
@@ -26,7 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/full-screen.html b/examples/full-screen.html
index 89af0abe72..d641ce5938 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -26,7 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/geolocation.html b/examples/geolocation.html
index 34553bbe60..44e31c630b 100644
--- a/examples/geolocation.html
+++ b/examples/geolocation.html
@@ -24,7 +24,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/getfeatureinfo.html b/examples/getfeatureinfo.html
index 1997d916b8..16446f0cfd 100644
--- a/examples/getfeatureinfo.html
+++ b/examples/getfeatureinfo.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/gml.html b/examples/gml.html
index beacda13e4..9f43183b3e 100644
--- a/examples/gml.html
+++ b/examples/gml.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/gpx.html b/examples/gpx.html
index cc3f23738d..f0997c44fb 100644
--- a/examples/gpx.html
+++ b/examples/gpx.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/hue-saturation.html b/examples/hue-saturation.html
index c1c1967025..9c90d64c9a 100644
--- a/examples/hue-saturation.html
+++ b/examples/hue-saturation.html
@@ -23,7 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/icon.html b/examples/icon.html
index de344d6861..0471245a5d 100644
--- a/examples/icon.html
+++ b/examples/icon.html
@@ -23,7 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/index.html b/examples/index.html
index 191dd2fa3f..9a75fd2e2a 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -175,7 +175,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>
           <form class="navbar-search pull-left">
             <input name="q" type="text" id="keywords" class="search-query" placeholder="Search">
             <span id="count"></span>
diff --git a/examples/kml-earthquakes.html b/examples/kml-earthquakes.html
index 0b0f2696fa..f57958c012 100644
--- a/examples/kml-earthquakes.html
+++ b/examples/kml-earthquakes.html
@@ -36,7 +36,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/kml-timezones.html b/examples/kml-timezones.html
index 39f134ac00..e8c6c57446 100644
--- a/examples/kml-timezones.html
+++ b/examples/kml-timezones.html
@@ -26,7 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/kml.html b/examples/kml.html
index 6bca94260b..c3d95e7119 100644
--- a/examples/kml.html
+++ b/examples/kml.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/layer-group.html b/examples/layer-group.html
index 867adcfe45..121197f838 100644
--- a/examples/layer-group.html
+++ b/examples/layer-group.html
@@ -19,7 +19,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html
index a3ad06d944..4cbfa2c000 100644
--- a/examples/localized-openstreetmap.html
+++ b/examples/localized-openstreetmap.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/mapquest.html b/examples/mapquest.html
index 3fbfe48a25..a47e4442c5 100644
--- a/examples/mapquest.html
+++ b/examples/mapquest.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/min-max-resolution.html b/examples/min-max-resolution.html
index 02d7ce1b8c..1a452f05e3 100644
--- a/examples/min-max-resolution.html
+++ b/examples/min-max-resolution.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>
         </div>
       </div>
     </div>
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index 592993e894..b6bfb34ea3 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/moveend.html b/examples/moveend.html
index 4f4aa41283..295ab02df3 100644
--- a/examples/moveend.html
+++ b/examples/moveend.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/navigation-controls.html b/examples/navigation-controls.html
index feb153769f..a6303758d4 100644
--- a/examples/navigation-controls.html
+++ b/examples/navigation-controls.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/overlay.html b/examples/overlay.html
index 9926ee14d2..c5f6c7c515 100644
--- a/examples/overlay.html
+++ b/examples/overlay.html
@@ -27,7 +27,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/popup.html b/examples/popup.html
index 1ba3e11cfa..c820c9e40c 100644
--- a/examples/popup.html
+++ b/examples/popup.html
@@ -60,7 +60,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/preload.html b/examples/preload.html
index 21d4635836..ae32d8dd72 100644
--- a/examples/preload.html
+++ b/examples/preload.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/rotation.html b/examples/rotation.html
index bc60f6ab97..e465956111 100644
--- a/examples/rotation.html
+++ b/examples/rotation.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/scale-line.html b/examples/scale-line.html
index ecd7f02139..023d806f4c 100644
--- a/examples/scale-line.html
+++ b/examples/scale-line.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/select-features.html b/examples/select-features.html
index 1043e1097d..a764084d44 100644
--- a/examples/select-features.html
+++ b/examples/select-features.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/semi-transparent-layer.html b/examples/semi-transparent-layer.html
index 758049c493..0a1b1594b9 100644
--- a/examples/semi-transparent-layer.html
+++ b/examples/semi-transparent-layer.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 87eb439c87..aaf627e073 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/simple.html b/examples/simple.html
index f6c42a8e41..13b2a7d56e 100644
--- a/examples/simple.html
+++ b/examples/simple.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/stamen.html b/examples/stamen.html
index 9ccd3967e8..d259a40893 100644
--- a/examples/stamen.html
+++ b/examples/stamen.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/style-rules.html b/examples/style-rules.html
index 88f05e077c..1837ab41ce 100644
--- a/examples/style-rules.html
+++ b/examples/style-rules.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/teleport.html b/examples/teleport.html
index 94942df3f2..dd1f93e128 100644
--- a/examples/teleport.html
+++ b/examples/teleport.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/tilejson.html b/examples/tilejson.html
index e332722538..fca30e7d80 100644
--- a/examples/tilejson.html
+++ b/examples/tilejson.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/topojson.html b/examples/topojson.html
index d71a38c331..9bf116555d 100644
--- a/examples/topojson.html
+++ b/examples/topojson.html
@@ -14,7 +14,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/vector-layer.html b/examples/vector-layer.html
index 4695f80f48..e9ecdd5aea 100644
--- a/examples/vector-layer.html
+++ b/examples/vector-layer.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-capabilities.html b/examples/wms-capabilities.html
index 1636862845..b45b69ac2d 100644
--- a/examples/wms-capabilities.html
+++ b/examples/wms-capabilities.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-custom-proj.html b/examples/wms-custom-proj.html
index 96ff5ba530..5ca2ceb206 100644
--- a/examples/wms-custom-proj.html
+++ b/examples/wms-custom-proj.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-image-custom-proj.html b/examples/wms-image-custom-proj.html
index 86d46b7df4..14b877d3c4 100644
--- a/examples/wms-image-custom-proj.html
+++ b/examples/wms-image-custom-proj.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-image.html b/examples/wms-image.html
index b6e6f327a2..067c09863b 100644
--- a/examples/wms-image.html
+++ b/examples/wms-image.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html
index e76dcdfd16..bda0c340f3 100644
--- a/examples/wms-no-proj.html
+++ b/examples/wms-no-proj.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wms-tiled.html b/examples/wms-tiled.html
index 35da401567..2f83ac7fe5 100644
--- a/examples/wms-tiled.html
+++ b/examples/wms-tiled.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wmts-capabilities.html b/examples/wmts-capabilities.html
index 0d379cb167..7e318da573 100644
--- a/examples/wmts-capabilities.html
+++ b/examples/wmts-capabilities.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wmts-from-capabilities.html b/examples/wmts-from-capabilities.html
index bd7b62b13a..caf9292e1a 100644
--- a/examples/wmts-from-capabilities.html
+++ b/examples/wmts-from-capabilities.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wmts-ign.html b/examples/wmts-ign.html
index 34b47828e6..5fb49cbfb9 100644
--- a/examples/wmts-ign.html
+++ b/examples/wmts-ign.html
@@ -20,7 +20,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/wmts.html b/examples/wmts.html
index 1f67aba491..4419968a8f 100644
--- a/examples/wmts.html
+++ b/examples/wmts.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/xyz-esri.html b/examples/xyz-esri.html
index f7bedfb982..13fa73fe5f 100644
--- a/examples/xyz-esri.html
+++ b/examples/xyz-esri.html
@@ -15,7 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/examples/zoomslider.html b/examples/zoomslider.html
index 77c47723d8..7cf1cb941e 100644
--- a/examples/zoomslider.html
+++ b/examples/zoomslider.html
@@ -67,7 +67,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>          
+          <a class="brand" href="./"><img src="../resources/logo.png"> OpenLayers 3 Examples</a>          
         </div>
       </div>
     </div>
diff --git a/resources/layout.css b/resources/layout.css
index 59f8d70738..d870e4a7c5 100644
--- a/resources/layout.css
+++ b/resources/layout.css
@@ -24,5 +24,6 @@ body, h1, h2, h3, h4, p, li, td, th {
 }
 .navbar-inverse .brand {
   color: white;
+  padding: 5px;
 }
 
diff --git a/resources/logo.png b/resources/logo.png
new file mode 100644
index 0000000000..3d9702eb3c
Binary files /dev/null and b/resources/logo.png differ