diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss
index c10cb8c1..30232b50 100644
--- a/assets/css/components/_post.scss
+++ b/assets/css/components/_post.scss
@@ -2,6 +2,11 @@
   color: $lightest-color;
 }
 
+.post-description {
+  color: $lightest-color;
+  font-style: italic;
+}
+
 .post-meta > div {
   display: flex;
   align-items: center;
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 30da5005..22bd4a1e 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,6 +2,9 @@
   <article class="post">
     <header class="post-header">
       <h1 class ="post-title">{{ .Title }}</h1>
+      {{- if ne .Description }}
+      <h4 class ="post-description">{{ .Description }}</h4>
+      {{- end }}
       {{- if ne .Type "page" }}
       <div class="post-meta">
         <div>