diff --git a/themes/fmartingr/assets/sass/_blog.sass b/themes/fmartingr/assets/sass/_blog.sass
index 6c1fbc8..611ed8b 100644
--- a/themes/fmartingr/assets/sass/_blog.sass
+++ b/themes/fmartingr/assets/sass/_blog.sass
@@ -2,6 +2,12 @@ div.article, main.blog, main.projects
   .title
     margin-bottom: 0.3em
 
+  &.future-post
+    border: 2px solid orange
+    border-radius: 8px
+    padding: 10px
+    margin-bottom: 15px
+
   .info
     *
       vertical-align: middle
diff --git a/themes/fmartingr/layouts/_default/home.html b/themes/fmartingr/layouts/_default/home.html
index bcfb4c7..53f12e6 100644
--- a/themes/fmartingr/layouts/_default/home.html
+++ b/themes/fmartingr/layouts/_default/home.html
@@ -2,7 +2,7 @@
 <div class="home center">
     <h1 class="title">Latest blog posts</h1>
     {{ range where site.RegularPages "Section" "blog" | first 10 }}
-    <div class="article">
+    <div class="article{{ if gt .Date.Unix now.Unix }} future-post{{ end }}">
         <h2 class="text-size-normal"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
         <div class="info">
             {{ partial "svg/calendar-event.svg" (dict "size" 24) }}
diff --git a/themes/fmartingr/layouts/_default/list.html b/themes/fmartingr/layouts/_default/list.html
index e109c5e..a8136a3 100644
--- a/themes/fmartingr/layouts/_default/list.html
+++ b/themes/fmartingr/layouts/_default/list.html
@@ -2,7 +2,7 @@
   {{ if ne .Title "Blogs" }}<h1>{{ .Title }}</h1>{{ end }}
   {{ .Content }}
   {{ range (.Paginate .Pages 7).Pages }}
-  <div class="artitle {{ $.Param "site_style.container_class" }}">
+  <div class="article {{ $.Param "site_style.container_class" }}{{ if gt .Date.Unix now.Unix }} future-post{{ end }}">
     <h2 class="title"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
     <div class="info">
       {{ partial "svg/calendar-event.svg" (dict "size" 24) }}