diff --git a/web/app/static/css/nopaque.css b/web/app/static/css/nopaque.css
index f1e6f5e0..07d1c004 100644
--- a/web/app/static/css/nopaque.css
+++ b/web/app/static/css/nopaque.css
@@ -1,3 +1,13 @@
+nav, .footer-copyright {
+  background-color: #00426f !important;
+  color: white !important;
+}
+
+.page-footer {
+  background-color: #b1b3b4;
+  color: white;
+}
+
 /*
  * ### Start sticky footer ###
  * Force the footer to always stay on the bottom of the page regardless of how
diff --git a/web/app/static/images/logo_-_nopaque.png b/web/app/static/images/logo_-_nopaque.png
new file mode 100644
index 00000000..2c744e61
Binary files /dev/null and b/web/app/static/images/logo_-_nopaque.png differ
diff --git a/web/app/templates/nopaque.html.j2 b/web/app/templates/nopaque.html.j2
index 0d09b2f4..36187b6a 100644
--- a/web/app/templates/nopaque.html.j2
+++ b/web/app/templates/nopaque.html.j2
@@ -109,7 +109,7 @@
       <div class="navbar-fixed">
         <nav>
           <div class="nav-wrapper">
-            <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
+            <a href="{{ url_for('main.index') }}" class="brand-logo" style="margin-left: 25px;"><img src="{{ url_for('static', filename='images/logo_-_nopaque.png') }}" style="height: 64px;"></a>
             {% if current_user.is_authenticated %}
             <a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
             {% endif %}
@@ -150,11 +150,11 @@
         <li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="material-icons">book</i>My Corpora</a></li>
         <li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="material-icons">work</i>My Jobs</a></li>
         <li><div class="divider"></div></li>
-        <li><a class="subheader">Processes and Services</a></li>
+        <li><a class="subheader">Processes & Services</a></li>
         <li style="background-color: {{ file_setup_color }}; border-left: 10px solid {{ file_setup_color_darken }};"><a href="{{ url_for('services.service', service='file-setup') }}"><i class="material-icons">burst_mode</i>File setup</a></li>
-        <li style="background-color: {{ ocr_color }}; border-left: 10px solid {{ ocr_color_darken }};"><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
-        <li style="background-color: {{ nlp_color }}; border-left: 10px solid {{ nlp_color_darken }};"><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
-        <li style="background-color: {{ corpus_analysis_color }}; border-left: 10px solid {{ corpus_analysis_color_darken }};"><a href="{{ url_for('services.service', service='corpus_analysis') }}"><i class="material-icons">search</i>Corpus analysis</a></li>
+        <li style="background-color: {{ ocr_color }}; border-left: 10px solid {{ ocr_color_darken }}; margin-top: 5px;"><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
+        <li style="background-color: {{ nlp_color }}; border-left: 10px solid {{ nlp_color_darken }}; margin-top: 5px;"><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
+        <li style="background-color: {{ corpus_analysis_color }}; border-left: 10px solid {{ corpus_analysis_color_darken }}; margin-top: 5px;"><a href="{{ url_for('services.service', service='corpus_analysis') }}"><i class="material-icons">search</i>Corpus analysis</a></li>
         <li><div class="divider"></div></li>
         <li><a class="subheader">Account</a></li>
         {% if current_user.is_authenticated %}