diff --git a/www/conservancy/templates/frontpage.html b/www/conservancy/templates/frontpage.html
index a608914b26ac252c7e84d620d539cb817ed2bdd2..a1b7f902e4da67882bf6858595007a8ae3e629a5 100644
--- a/www/conservancy/templates/frontpage.html
+++ b/www/conservancy/templates/frontpage.html
@@ -1,82 +1,109 @@
 {% extends "base_conservancy.html" %}
 {% load date_within %}
+{% load static %}
 
 {% block head %}
 <link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Complete Feed" href="/feeds/omnibus/" />
 <link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy News" href="/feeds/news/" />
 <link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Blogs" href="/feeds/blog/" />
+<style>
+ #mainContent hr {
+   /* Hide the <hr> elements in the list of news and blog items. */
+   display: none;
+ }
+</style>
 {% endblock %}
 
 {% block content %}
 
-<div class="singleColumn">
+<div class="mt4 flex-ns">
+  <div class="w-70-ns mr3-ns mb3 mb0-ns pa2 ba bw1 b--light-blue">
+    <img src="{% static 'img/remote.jpg' %}" alt="" class="fl pr2" style="width: 175px;" />
+    <p>Software Freedom Conservancy is a not-for-profit charity that
+      helps promote, improve, develop, and defend Free, Libre, and Open Source
+      Software (FLOSS) projects.  Conservancy provides a non-profit home and
+      infrastructure for FLOSS projects.  This allows FLOSS developers to
+      focus on what they do best &mdash; writing and improving FLOSS for the
+      general public &mdash; while Conservancy takes care of the projects' needs that
+      do not relate directly to software development and documentation. <a href="#" class="orange">Learn more.</a></p>
+  </div>
+  <div class="w-30-ns pa3 bg-light-blue ba b--gray">
+    <h2 class="f4 ttu">Special message</h2>
 
-<h1>Software Freedom Conservancy</h1>
-
-<p>Software Freedom Conservancy is a not-for-profit charity that
-  helps promote, improve, develop, and defend Free, Libre, and Open Source
-  Software (FLOSS) projects.  Conservancy provides a non-profit home and
-  infrastructure for FLOSS projects.  This allows FLOSS developers to
-  focus on what they do best &mdash; writing and improving FLOSS for the
-  general public &mdash; while Conservancy takes care of the projects' needs that
-  do not relate directly to software development and documentation.</p>
+    <p>Special message here special message here special message here special message here special message here.</p>
+    <a href="#" class="f5 dib pa2 ttu b btn-orange">More information</a>
+  </div>
 </div>
 
-<div class="columns">
-
-<div class="column">
-<h2><a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/news/">Recent News</a></h2>
-{% for pressr in press_releases|slice:":2" %}
-  {% if forloop.first or pressr.pub_date|date_within_past_days:90 %}
+<div class="mt3 flex-ns">
+  <div class="w-70-ns mr3-ns pa2">
+    <section>
+<h2 class="f4 mt0 mb2 ttu"><a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/news/" class="dark-gray">News</a></h2>
+{% for pressr in press_releases|slice:":5" %}
+  {% if forloop.first or pressr.pub_date|date_within_past_days:365 %}
     {% if not forloop.first %}<hr class="clear">{% endif %}
-    {% include "news/pressrelease_partial.html" with pressr=pressr show="summary" only %}
+    {% include "news/pressrelease_partial.html" with pressr=pressr show="dateline" only %}
   {% endif %}
 {% endfor %}
 
-<p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p>
-</div>
+<!-- <p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p> -->
+</section>
 
-<div class="column">
-<h2><a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/blog/">Conservancy Blog</a></h2>
+<section class="mt4 mb3">
+<h2 class="f4 mb2 ttu"><a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/blog/" class="dark-gray">Articles</a></h2>
 {% for entry in blog|slice:":5" %}
-  {% if forloop.first or entry.pub_date|date_within_past_days:55 %}
+  {% if forloop.first or entry.pub_date|date_within_past_days:180 %}
     {% if not forloop.first %}<hr class="clear">{% endif %}
-    {% include "blog/entry_partial.html" with entry=entry show="summary" only %}
+    {% include "blog/entry_partial.html" with entry=entry show="dateline" only %}
   {% endif %}
 {% endfor %}
 
-<p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p>
+<!-- <p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p> -->
+</section>
 </div>
 
-<div class="column">
-<h2>Follow Conservancy</h2>
+<div class="w-30-ns">
+  <div class="pa2 ba b--gray">
+    <h3 class="ttu">Term of the week</h3>
+    <h4 class="f5 i navy">auditability</h4>
+    <p>Ability to inspect the exact software running on a device. This includes version information, modifications and licensing information.</p>
+    <p><a href="#" class="orange ttu">Visit our glossary of terms</a></p>
+  </div>
+
+  <div class="pt3 pl2">
+    <h2 class="f6 ttu mb1">Subscribe to our email list</h2>
+    <form method="post" action="#" class="ml2 flex">
+      <input type="email" class="pa2 ba b--gray br0" style="border-right: none;">
+      <button type="submit" class="bg-orange bn white pa2 pointer btn-orange">
+        <svg style="color: white; width: 20px; height: 20px;"><use href="{% static 'img/font_awesome.svg' %}#envelope"></use></svg></a>
+        </button>
+    </form>
+
+    <h2 class="f6 ttu mt2 mb1">RSS feed</h2>
+    <div class="ml2">
+      <a href="/feeds/omnibus" class="mr2"><svg class="orange" style="width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg#rss-square' %}"></use></svg></a>
+    </div>
 
-<ul>
-  <li class="column"><a href="https://mastodon.technology/@conservancy">Mastodon</a></li>
-  <li class="column"><a href="https://twitter.com/conservancy">Twitter</a></li>
-  <li class="column"><a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a></li>
-  <li class="column"><a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a></li>
-  <li class="column"><a href="/feeds/omnibus/">Full RSS feed</a></li>
-  <li class="column"><a href="https://lists.sfconservancy.org/pipermail/announce/">News mailing list</a></li>
-</ul>
+    <h2 class="f6 ttu mt2 mb1">Follow us</h2>
+    <div class="ml2">
+      {% include 'socials_partial.html' %}
 </div>
 
-<div class="column">
-<h2>Support Conservancy</h2>
-<p>As a 501(c)(3) non-profit charity, Conservancy relies on
-  charitable donations for its operations.
-  Please join {{supporters_count|safe}} others and <a href="/supporter/"><strong>become a Conservancy Supporter
-  today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!
-</p>
+<!-- <h2>Support Conservancy</h2>
+     <p>As a 501(c)(3) non-profit charity, Conservancy relies on
+     charitable donations for its operations.
+     Please join {{supporters_count|safe}} others and <a href="/supporter/"><strong>become a Conservancy Supporter
+     today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!
+     </p>
 
-<h2>Learn More about Conservancy</h2>
-<p>
-<span class="continued"><a href="/about/">An Overview of Conservancy&hellip;</a></span>
-<span class="continued"><a href="/members/current/">Conservancy's current member projects&hellip;</a></span>
-<span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects&hellip;</a></span>
-<span class="continued"><a href="/copyleft-compliance/">Conservancy's unique work  defending and upholding  copyleft licenses (e.g., the GPL) &hellip;</a></span>
-<span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>
-</p>
+     <h2>Learn More about Conservancy</h2>
+     <p>
+     <span class="continued"><a href="/about/">An Overview of Conservancy&hellip;</a></span>
+     <span class="continued"><a href="/members/current/">Conservancy's current member projects&hellip;</a></span>
+     <span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects&hellip;</a></span>
+     <span class="continued"><a href="/copyleft-compliance/">Conservancy's unique work  defending and upholding  copyleft licenses (e.g., the GPL) &hellip;</a></span>
+     <span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>
+     </p> -->
 </div>
 
 </div>