diff --git a/README.md b/README.md
index d115285..782eba5 100644
--- a/README.md
+++ b/README.md
@@ -59,7 +59,7 @@ Basically Basic is a [Jekyll theme](https://jekyllrb.com/docs/themes/) meant as
 
 ## Configuration
 
-Configuration of site-wide elements (`lang`, `title`, `description`, `author`, etc.) happens in your project's `_config.yml`. See the [example configuration](example/_config.yml) in this repo for reference.
+Configuration of site-wide elements (`lang`, `title`, `description`, `image`, `author`, etc.) happens in your project's `_config.yml`. See the [example configuration](example/_config.yml) in this repo for reference.
 
 ### Skin
 
diff --git a/_includes/masthead.html b/_includes/masthead.html
index 3ec039a..8a5b70e 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -1,18 +1,24 @@
+{% if site.image contains '://' %}
+  {% assign site_image = site.image %}
+{% else %}
+  {% assign site_image = site.image | relative_url %}
+{% endif %}
+
 <header id="masthead">
   <div class="inner">
     <div class="title-area">
       {% if page.url == '/' %}
         <h1 class="site-title">
           <a href="{{ '/' | relative_url }}">
-            {% if site.image %}<img src="{{ site.image }}" alt="" class="site-image">{% endif %}
-            {{ site.title | escape }}
+            {% if site.image %}<img src="{{ site_image }}" alt="" class="site-image">{% endif %}
+            <span>{{ site.title | escape }}</span>
           </a>
         </h1>
       {% else %}
         <p class="site-title">
           <a href="{{ '/' | relative_url }}">
-            {% if site.image %}<img src="{{ site.image }}" alt="" class="site-image">{% endif %}
-            {{ site.title | escape }}
+            {% if site.image %}<img src="{{ site_image }}" alt="" class="site-image">{% endif %}
+            <span>{{ site.title | escape }}</span>
           </a>
         </p>
       {% endif %}
diff --git a/_sass/basically-basic/_global.scss b/_sass/basically-basic/_global.scss
index ee6b8d5..225acfd 100644
--- a/_sass/basically-basic/_global.scss
+++ b/_sass/basically-basic/_global.scss
@@ -4,7 +4,7 @@
 
 .site-title {
   margin: 0;
-  padding: 1.35rem 1rem;
+  padding: 1.8125rem 1rem;
   padding-right: calc(10vw + #{$navicon-width}); /* make room for sidebar toggle */
   font-family: $base-font-family;
   @include fluid-type($min-vw, $max-vw, 20px, 24px);
@@ -20,7 +20,16 @@
   }
 
   a {
+    display: flex;
+    align-items: center;
     color: $text-color;
     text-decoration: none;
   }
-}
\ No newline at end of file
+}
+
+.site-image {
+  margin-right: 0.5rem;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+}
diff --git a/example/_config.yml b/example/_config.yml
index 29a5c58..56b8c2a 100644
--- a/example/_config.yml
+++ b/example/_config.yml
@@ -16,18 +16,19 @@
 lang: en-US
 title: Your awesome title that could be long
 email: your-email@domain.com
-description: > # this means to ignore newlines until "baseurl:"
+description: >  # this means to ignore newlines until "baseurl:"
   Write an awesome description for your new site here. You can edit this
   line in _config.yml. It will appear in your document head meta (for
   Google search results) and in your feed.xml site description.
-baseurl: "/example" # the subpath of your site, e.g. /blog
-url: "" # the base hostname & protocol for your site, e.g. http://example.com
+baseurl: "/example"  # the subpath of your site, e.g. /blog
+url: ""  # the base hostname & protocol for your site, e.g. http://example.com
 author:
   name: John Doe
   twitter: notareal_twitter
   picture: https://api.adorable.io/avatars/285/johndoe.png
 twitter_username: notareal_twitter
 github_username: notareal_github
+image: /assets/images/100x100.png  # ~100x100px
 
 # Build settings
 markdown: kramdown
diff --git a/example/assets/images/100x100.png b/example/assets/images/100x100.png
new file mode 100644
index 0000000..7b613a9
Binary files /dev/null and b/example/assets/images/100x100.png differ