diff --git a/layouts/partials/about-me.html b/layouts/partials/about-me.html
index b9c297c5..ca0b611c 100644
--- a/layouts/partials/about-me.html
+++ b/layouts/partials/about-me.html
@@ -1,4 +1,5 @@
 <div class="h-card vcard">
+  <img class="profile u-photo " src="profile-512.jpg" />
   Hello! I'm <em class="u-uid p-name fn always-accented">JP Hastings-Spital</em>, a <span class="p-category category">maker</span>, <span class="p-category category">software engineer</span>, <span class="p-category category">swing dancer</span>, and all-round <span class="p-category category">miriscient chap</span> living in <span class="adr p-adr h-adr"><span class="p-locality locality">London</span>, <span class="p-country-name country-name">UK</span></span>. I'm a <span>principal engineer</a> at <a href="https://deliveroo.engineering/" target="_blank" class="h-card u-url" rel="noopener">Deliveroo</a>.
 </div>
 
diff --git a/layouts/partials/welcome.md b/layouts/partials/welcome.md
index 8cfdcb4d..3e1eb5b9 100644
--- a/layouts/partials/welcome.md
+++ b/layouts/partials/welcome.md
@@ -1 +1 @@
-I [write](./posts) on this site infrequently about things I've created or care about. You're welcome to write to me if you'd like, read my [standing invitation](./standing-invitation) for more information.
+I [post](./posts) on this site infrequently about things I've created or care about. You're welcome to write to me if you'd like, read my [standing invitation](./standing-invitation) for more information.
diff --git a/static/profile-512.jpg b/static/profile-512.jpg
new file mode 100644
index 00000000..d20d9f3c
Binary files /dev/null and b/static/profile-512.jpg differ
diff --git a/themes/hello-friend-ng/assets/scss/_main.scss b/themes/hello-friend-ng/assets/scss/_main.scss
index ccedbd63..6f20794c 100644
--- a/themes/hello-friend-ng/assets/scss/_main.scss
+++ b/themes/hello-friend-ng/assets/scss/_main.scss
@@ -137,6 +137,21 @@ main p a, main li a, nav a, .social a, section a, .accented {
   transition-timing-function: ease-in;
 }
 
+img.profile {
+  float: left;
+  height: 3em;
+  border-radius: 1em;
+
+  filter: grayscale(1);
+  transition-property: color, filter;
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+
+  &:hover {
+    filter: none;
+  }
+}
+
 img, postcard-display {
   display: block;
   max-width: 100%;