diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index c496b8d3..a9a69022 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -357,8 +357,9 @@ option {
 .select--arrow {
 	-moz-appearance:none;
 	-webkit-appearance: none;
-	background: url('../img/down_triangle.png') no-repeat right;
-	padding-right: 1em;
+	background: url('../icon/Shape.svg') no-repeat right;
+	padding-right: 1.5em;
+	margin-right: 2em;
 }
 .input-text--primary, .select--primary {
 	border-bottom: 1px solid #9b9b9b;
diff --git a/public/assets/icon/Speech Logo Files/Logo.png b/public/assets/icon/Speech Logo Files/Logo.png
new file mode 100644
index 00000000..e499932d
Binary files /dev/null and b/public/assets/icon/Speech Logo Files/Logo.png differ
diff --git a/public/assets/icon/Speech Logo Files/Logo@1.5x.png b/public/assets/icon/Speech Logo Files/Logo@1.5x.png
new file mode 100644
index 00000000..a2881130
Binary files /dev/null and b/public/assets/icon/Speech Logo Files/Logo@1.5x.png differ
diff --git a/public/assets/icon/Speech Logo Files/Logo@2x.png b/public/assets/icon/Speech Logo Files/Logo@2x.png
new file mode 100644
index 00000000..d296163b
Binary files /dev/null and b/public/assets/icon/Speech Logo Files/Logo@2x.png differ
diff --git a/public/assets/icon/Speech Logo Files/Logo@3x.png b/public/assets/icon/Speech Logo Files/Logo@3x.png
new file mode 100644
index 00000000..4621e9e3
Binary files /dev/null and b/public/assets/icon/Speech Logo Files/Logo@3x.png differ
diff --git a/public/assets/icon/logo.svg b/public/assets/icon/logo.svg
new file mode 100644
index 00000000..c83643fc
--- /dev/null
+++ b/public/assets/icon/logo.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="80px" height="31px" viewBox="0 0 80 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 17</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="About" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Publish-Form-V2-(filled)" transform="translate(-42.000000, -23.000000)">
+            <g id="Group-17" transform="translate(42.000000, 22.000000)">
+                <text id="Spee&lt;h" font-family="Graphik-Light, Graphik" font-size="24" font-weight="300" fill="#000000">
+                    <tspan x="0" y="20">Spee&lt;h</tspan>
+                </text>
+                <g id="Group-16" transform="translate(0.000000, 30.000000)" stroke-linecap="square">
+                    <path d="M0.5,1.5 L15.5,1.5" id="Line-8" stroke="#09F911"></path>
+                    <path d="M16.5,1.5 L31.5,1.5" id="Line-8-Copy" stroke="#029D74"></path>
+                    <path d="M32.5,1.5 L47.5,1.5" id="Line-8-Copy-2" stroke="#E35BD8"></path>
+                    <path d="M48.5,1.5 L63.5,1.5" id="Line-8-Copy-3" stroke="#4156C5"></path>
+                    <path d="M64.5,1.5 L79.5,1.5" id="Line-8-Copy-4" stroke="#635688"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/views/index.handlebars b/views/index.handlebars
index a7cf4d93..4cbd53da 100644
--- a/views/index.handlebars
+++ b/views/index.handlebars
@@ -22,7 +22,7 @@
                 <input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title...">
             </div>
         </div>
-        <div class="column column--6 column--med-10" >
+        <div class="column column--5 column--med-10" >
             <!-- preview -->
             <div class="row row--margined">
                 <div id="asset-preview-holder" class="dropzone row--margined" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onmouseenter="showInstructions()" onmouseleave="hideInstructions()" onclick="triggerFileChooser('siofu_input', event)">
@@ -34,7 +34,7 @@
                     </div>
                 </div>
             </div>
-        </div><div class="column column--4 column--med-10 align-content-top">
+        </div><div class="column column--5 column--med-10 align-content-top">
             <div id="publish-active-area" class="row row--margined">
                 {{> publishForm-Channel}}
                 {{> publishForm-Url}}
diff --git a/views/partials/navBar.handlebars b/views/partials/navBar.handlebars
index 1dfbfc7f..c8069eb5 100644
--- a/views/partials/navBar.handlebars
+++ b/views/partials/navBar.handlebars
@@ -1,14 +1,14 @@
 <div class="row row--wide nav-bar">
     <div class="nav-bar-title-section row row--padded row--short">
         <div class="nav-bar-title">
-            <a href="/"><img class="nav-bar-logo" src="/assets/img/logo.gif" alt="spee.ch"/></a>
+            <a href="/"><img class="nav-bar-logo" src="/assets/icon/logo.svg" alt="spee.ch"/></a>
             <span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video sharing.</span>
         </div>
         <div class="nav-bar-link-section">
             <a class="nav-bar-link" href="/">Upload</a>
             <a class="nav-bar-link" href="/popular">Popular</a>
             <a class="nav-bar-link" href="/about">About</a>
-            <select type="text" id="nav-bar-channel-select" class="select select--no-arrow nav-bar-link" onchange="toggleNavBarSelection(event.target.selectedOptions[0].value)" {{#unless user}}style="display:none"{{/unless}}>
+            <select type="text" id="nav-bar-channel-select" class="select select--arrow nav-bar-link" onchange="toggleNavBarSelection(event.target.selectedOptions[0].value)" {{#unless user}}style="display:none"{{/unless}}>
                 <option id="nav-bar-channel-select-channel-option">@{{user.userName}}</option>
                 <option value="VIEW">View</option>
                 <option value="LOGOUT">Logout</option>