diff --git a/src/main/org/freemarker/docgen/less/lib/components/logo.less b/src/main/org/freemarker/docgen/less/lib/components/logo.less
index 7a29553..3a8c619 100644
--- a/src/main/org/freemarker/docgen/less/lib/components/logo.less
+++ b/src/main/org/freemarker/docgen/less/lib/components/logo.less
@@ -1,11 +1,12 @@
 .logo {
-  color: #fff;
-  font-size: 30px;
-  line-height: 1;
   padding: 6px 0 0;
   display: block;
 
-  &:hover {
-    color: #fff;
+  img {
+    // @todo: externalize width and height
+    display: block;
+    width: 202px;
+    height: 19px;
   }
+
 }
diff --git a/src/main/org/freemarker/docgen/templates/page.ftl b/src/main/org/freemarker/docgen/templates/page.ftl
index 1b7838c..b3b1b5a 100644
--- a/src/main/org/freemarker/docgen/templates/page.ftl
+++ b/src/main/org/freemarker/docgen/templates/page.ftl
@@ -42,7 +42,7 @@
       <@metaTags siteName=topLevelTitle title=title?html?replace('&#39;', '\'') />
       <@canonicalUrl />
 
-      <link rel="icon" href="favicon.ico" type="image/x-icon">
+      <link rel="icon" href="favicon.png" type="image/png"><#-- @todo: pull this in dynamically -->
       <@css />
 
       <#if !offline && onlineTrackerHTML??>
@@ -210,4 +210,4 @@
 
 <#function getPageType>
   <#return pageType!.node?nodeName>
-</#function>
\ No newline at end of file
+</#function>