app/assets/stylesheets/layout.scss

@@ -22,20 +22,15 @@
 
       span.project-name {
         display: none;
-        // font-size: .5em;
-        // text-transform: none;
-        // vertical-align: super;
       }
 
-      span.beta {
-        font-size: .5em;
-        font-style: italic;
-        text-transform: none;
-        vertical-align: super;
-      }
+      span.icon {
+        svg {
+          height: 1.8rem;
+          width: auto;
+        }
 
-      span.bolt {
-        color: #ffd000;
+        margin-right: 0.5rem;
       }
     }
 

app/views/layouts/application.html.erb

@@ -15,9 +15,11 @@
     <div id="wrapper">
       <header>
         <h1>
+          <span class ="icon">
+            <%= render partial: "shared/icons/comet" %>
+          </span>
           <span class ="project-name">Kosmos</span>
-          <span class ="site-name">Akkounts</span>
-          <span class="beta"><span class="bolt">⚡</span> beta</span>
+          <span class ="site-name">Account</span>
         </h1>
         <% if user_signed_in? %>
           <p class="current-user">

app/views/shared/icons/_comet.html.erb

@@ -0,0 +1 @@
+<svg id="icon-comet" width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)" fill="#fff"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" fill="#fff" stroke-width=".65365"/></g></svg>