diff --git a/site/layouts/index.html b/site/layouts/index.html
index b464709..a3f67d3 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -13,17 +13,22 @@ <h1 class="lr-home-mainjumbo">
   </div>
 </div>
 
-<div class="container lr-blog lr-blog-list">
-  {{ range first 1 .Paginator.Pages }}
-  {{ partial "blog-summary.html" . }}
+<section class="container">
+  <h2>Latest News</h2>
+  <div class="lr-latest-news">
+  {{ range first 5 .Paginator.Pages }}
+    <time>{{ .PublishDate.Format "2 Jan 2006" }}</time>
+    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
   {{end}}
-</div>
+  </div>
+</section>
 
   <!-- Marketing messaging and featurettes
   ================================================== -->
   <!-- Wrap the rest of the page in another container to center all the content. -->
 
   <div class="container lr-home-marketing">
+    <hr class="featurette-divider">
 
     <!-- Three columns of text below the carousel -->
     <div class="row">
diff --git a/src/scss/home.scss b/src/scss/home.scss
index 23d4331..5f6a402 100644
--- a/src/scss/home.scss
+++ b/src/scss/home.scss
@@ -15,7 +15,7 @@
   .lr-home-mainjumbo {
     background-image: url('/img/home/home-board.png');
     background-repeat: no-repeat;
-    background-position: right;
+    background-position: right bottom;
     background-size: 50%;
     background-color: $color-lowrisc-charcoal;
 
@@ -43,6 +43,15 @@
   font-size: 1.3em;
 }
 
+.lr-latest-news {
+  display: grid;
+  width: 100%;
+  grid-template-columns: 6em 1fr;
+  gap: 0.2em 1em;
+}
+.lr-latest-news > time {
+  text-align: right;
+}
 
 // Columns below the main jumbo message
 .lr-home-marketing .col-lg-4 {