diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 579c5f9..93d64a7 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -30,3 +30,4 @@ enableRobotsTXT = true
   background_color_class = "bg-black"
   featured_image = "/images/gohugo-default-sample-hero-image.jpg"
   recent_posts_number = 2
+  titleImage = ""
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 0b9649e..0cd2919 100755
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -3,14 +3,14 @@
   {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
   {{ $featured_image := (trim $featured_image "/") | absURL }}
   <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
-    <div class="bg-black-60">
+    <div class="black-90">
       {{ partial "site-navigation.html" .}}
       <div class="tc-l pv4 pv6-l ph3 ph4-ns">
-        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+        <h1 class="f2 f-subheadline-l fw2 mb0 lh-title">
           {{ .Title | default .Site.Title }}
         </h1>
         {{ with .Params.description }}
-          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+          <h2 class="fw1 f5 f3-l black-80 measure-wide-l center mt3">
             {{ . }}
           </h2>
         {{ end }}
@@ -22,11 +22,11 @@
     <div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
       {{ partial "site-navigation.html" . }}
       <div class="tc-l pv3 ph3 ph4-ns">
-        <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
+        <h1 class="f2 f-subheadline-l fw2  mb0 lh-title">
           {{ .Title | default .Site.Title }}
         </h1>
         {{ with .Params.description }}
-          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+          <h2 class="fw1 f5 f3-l black-80 measure-wide-l center lh-copy mt3 mb4">
             {{ . }}
           </h2>
         {{ end }}
diff --git a/layouts/partials/site-navigation.html b/layouts/partials/site-navigation.html
index 65b82de..a0a2942 100644
--- a/layouts/partials/site-navigation.html
+++ b/layouts/partials/site-navigation.html
@@ -1,14 +1,18 @@
 <nav class="pv3 ph3 ph4-ns" role="navigation">
   <div class="flex-l justify-between items-center center">
-    <a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib">
-      {{ .Site.Title }}
+    <a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline black dib">
+      {{ if .Site.Params.TitleImage }}
+        <img height="106" width="300" src="{{ .Site.Params.TitleImage }}"/>
+      {{else}}
+        {{ .Site.Title }}
+      {{end}}
     </a>
     <div class="flex-l items-center">
       {{ if .Site.Menus.main }}
         <ul class="pl0 mr3">
           {{ range .Site.Menus.main }}
           <li class="list f5 f4-ns fw4 dib pr3">
-            <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page">
+            <a class="hover-yellow no-underline black-90" href="{{ .URL }}" title="{{ .Name }} page">
               {{ .Name }}
             </a>
           </li>