diff --git a/partials/awards.hbs b/partials/awards.hbs
index 86ba59a..25b7b93 100644
--- a/partials/awards.hbs
+++ b/partials/awards.hbs
@@ -6,14 +6,16 @@
         <article>
           <header>
             <h4>{{title}}</h4>
-            {{#awarder}}
-              <div>
-                Awarded by <strong>{{.}}</strong>
-              </div>
-            {{/awarder}}
-            {{#date}}
-              <time datetime="{{.}}">{{formatDate .}}</time>
-            {{/date}}
+            <div class="meta">
+              {{#awarder}}
+                <div>
+                  Awarded by <strong>{{.}}</strong>
+                </div>
+              {{/awarder}}
+              {{#date}}
+                <time datetime="{{.}}">{{formatDate .}}</time>
+              {{/date}}
+            </div>
           </header>
           {{#summary}}
             {{{markdown .}}}
diff --git a/partials/certificates.hbs b/partials/certificates.hbs
index 66307f5..17c6acf 100644
--- a/partials/certificates.hbs
+++ b/partials/certificates.hbs
@@ -6,14 +6,16 @@
         <article>
           <header>
             <h4>{{> link}}</h4>
-            {{#issuer}}
-              <div>
-                Issued by <strong>{{.}}</strong>
-              </div>
-            {{/issuer}}
-            {{#date}}
-              <time datetime="{{.}}">{{formatDate .}}</time>
-            {{/date}}
+            <div class="meta">
+              {{#issuer}}
+                <div>
+                  Issued by <strong>{{.}}</strong>
+                </div>
+              {{/issuer}}
+              {{#date}}
+                <time datetime="{{.}}">{{formatDate .}}</time>
+              {{/date}}
+            </div>
           </header>
         </article>
       {{/each}}
diff --git a/partials/education.hbs b/partials/education.hbs
index 692c046..08d1c1d 100644
--- a/partials/education.hbs
+++ b/partials/education.hbs
@@ -6,12 +6,14 @@
         <article>
           <header>
             <h4>{{> link name=institution}}</h4>
-            {{#area}}
-              <strong>{{.}}</strong>
-            {{/area}}
-            <div>
-              <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
-              {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+            <div class="meta">
+              {{#area}}
+                <strong>{{.}}</strong>
+              {{/area}}
+              <div>
+                <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
+                {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+              </div>
             </div>
           </header>
           {{#studyType}}
diff --git a/partials/projects.hbs b/partials/projects.hbs
index 568d1b1..fc92e0a 100644
--- a/partials/projects.hbs
+++ b/partials/projects.hbs
@@ -6,17 +6,19 @@
         <article>
           <header>
             <h4>{{> link}}</h4>
-            <div>
-              {{#if roles}}
-                <strong>{{join roles}}</strong>
-              {{/if}}
-              {{#entity}}
-                at <strong>{{.}}</strong>
-              {{/entity}}
-            </div>
-            <div>
-              <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
-              {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+            <div class="meta">
+              <div>
+                {{#if roles}}
+                  <strong>{{join roles}}</strong>
+                {{/if}}
+                {{#entity}}
+                  at <strong>{{.}}</strong>
+                {{/entity}}
+              </div>
+              <div>
+                <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
+                {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+              </div>
             </div>
           </header>
           {{#description}}
diff --git a/partials/publications.hbs b/partials/publications.hbs
index 37fe9b2..83f3458 100644
--- a/partials/publications.hbs
+++ b/partials/publications.hbs
@@ -6,14 +6,16 @@
         <article>
           <header>
             <h4>{{> link}}</h4>
-            {{#publisher}}
-              <div>
-                Published by <strong>{{.}}</strong>
-              </div>
-            {{/publisher}}
-            {{#releaseDate}}
-              <time datetime="{{.}}">{{formatDate .}}</time>
-            {{/releaseDate}}
+            <div class="meta">
+              {{#publisher}}
+                <div>
+                  Published by <strong>{{.}}</strong>
+                </div>
+              {{/publisher}}
+              {{#releaseDate}}
+                <time datetime="{{.}}">{{formatDate .}}</time>
+              {{/releaseDate}}
+            </div>
           </header>
           {{#summary}}
             {{{markdown .}}}
diff --git a/partials/volunteer.hbs b/partials/volunteer.hbs
index f0ff918..afd05a6 100644
--- a/partials/volunteer.hbs
+++ b/partials/volunteer.hbs
@@ -6,10 +6,12 @@
         <article>
           <header>
             <h4>{{position}}</h4>
-            <strong>{{> link name=organization}}</strong>
-            <div>
-              <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
-              {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+            <div class="meta">
+              <strong>{{> link name=organization}}</strong>
+              <div>
+                <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
+                {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+              </div>
             </div>
           </header>
           {{#summary}}
diff --git a/partials/work.hbs b/partials/work.hbs
index 3a6a6df..f1ab4cd 100644
--- a/partials/work.hbs
+++ b/partials/work.hbs
@@ -6,19 +6,21 @@
         <article>
           <header>
             <h4>{{position}}</h4>
-            <div>
-              <strong>{{> link}}</strong>
-              {{#description}}
-                <span class="bullet-item">{{.}}</span>
-              {{/description}}
+            <div class="meta">
+              <div>
+                <strong>{{> link}}</strong>
+                {{#description}}
+                  <span class="bullet-item">{{.}}</span>
+                {{/description}}
+              </div>
+              <div>
+                <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
+                {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
+              </div>
+              {{#location}}
+                <div>{{.}}</div>
+              {{/location}}
             </div>
-            <div>
-              <time datetime="{{startDate}}">{{formatDate startDate}}</time> –
-              {{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
-            </div>
-            {{#location}}
-              <div>{{.}}</div>
-            {{/location}}
           </header>
           {{#summary}}
             {{{markdown .}}}
diff --git a/style.css b/style.css
index c3b2914..8e6217f 100644
--- a/style.css
+++ b/style.css
@@ -173,6 +173,10 @@ blockquote > * + * {
   margin-top: 0.6em;
 }
 
+.meta {
+  color: var(--color-secondary);
+}
+
 .stack {
   display: grid;
   gap: 1.5em;
diff --git a/tap-snapshots/test/render.js.test.cjs b/tap-snapshots/test/render.js.test.cjs
index 93b6138..ba605ee 100644
--- a/tap-snapshots/test/render.js.test.cjs
+++ b/tap-snapshots/test/render.js.test.cjs
@@ -189,6 +189,10 @@ blockquote > * + * {
   margin-top: 0.6em;
 }
 
+.meta {
+  color: var(--color-secondary);
+}
+
 .stack {
   display: grid;
   gap: 1.5em;
@@ -299,15 +303,17 @@ blockquote > * + * {
             <article>
               <header>
                 <h4>CEO/President</h4>
-                <div>
-                  <strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
-                    <span class="bullet-item">Awesome compression company</span>
+                <div class="meta">
+                  <div>
+                    <strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
+                      <span class="bullet-item">Awesome compression company</span>
+                  </div>
+                  <div>
+                    <time datetime="2013-12-01">Dec 2013</time> –
+                    <time datetime="2014-12-01">Dec 2014</time>
+                  </div>
+                    <div>Palo Alto, CA</div>
                 </div>
-                <div>
-                  <time datetime="2013-12-01">Dec 2013</time> –
-                  <time datetime="2014-12-01">Dec 2014</time>
-                </div>
-                  <div>Palo Alto, CA</div>
               </header>
                 <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
                 <ul>
@@ -324,10 +330,12 @@ blockquote > * + * {
             <article>
               <header>
                 <h4>Teacher</h4>
-                <strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
-                <div>
-                  <time datetime="2012-01-01">Jan 2012</time> –
-                  <time datetime="2013-01-01">Jan 2013</time>
+                <div class="meta">
+                  <strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
+                  <div>
+                    <time datetime="2012-01-01">Jan 2012</time> –
+                    <time datetime="2013-01-01">Jan 2013</time>
+                  </div>
                 </div>
               </header>
                 <p>Global movement of free coding clubs for young people.</p>
@@ -343,10 +351,12 @@ blockquote > * + * {
             <article>
               <header>
                 <h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
-                  <strong>Information Technology</strong>
-                <div>
-                  <time datetime="2011-06-01">Jun 2011</time> –
-                  <time datetime="2014-01-01">Jan 2014</time>
+                <div class="meta">
+                    <strong>Information Technology</strong>
+                  <div>
+                    <time datetime="2011-06-01">Jun 2011</time> –
+                    <time datetime="2014-01-01">Jan 2014</time>
+                  </div>
                 </div>
               </header>
                 <p>Bachelor</p>
@@ -364,13 +374,15 @@ blockquote > * + * {
             <article>
               <header>
                 <h4><a href="missdirection.example.com">Miss Direction</a></h4>
-                <div>
-                    <strong>Team lead and Designer</strong>
-                    at <strong>Smoogle</strong>
-                </div>
-                <div>
-                  <time datetime="2016-08-24">Aug 2016</time> –
-                  <time datetime="2016-08-24">Aug 2016</time>
+                <div class="meta">
+                  <div>
+                      <strong>Team lead and Designer</strong>
+                      at <strong>Smoogle</strong>
+                  </div>
+                  <div>
+                    <time datetime="2016-08-24">Aug 2016</time> –
+                    <time datetime="2016-08-24">Aug 2016</time>
+                  </div>
                 </div>
               </header>
                 <p>A mapping engine that misguides you</p>
@@ -388,10 +400,12 @@ blockquote > * + * {
             <article>
               <header>
                 <h4>Digital Compression Pioneer Award</h4>
-                  <div>
-                    Awarded by <strong>Techcrunch</strong>
-                  </div>
-                  <time datetime="2014-11-01">Nov 2014</time>
+                <div class="meta">
+                    <div>
+                      Awarded by <strong>Techcrunch</strong>
+                    </div>
+                    <time datetime="2014-11-01">Nov 2014</time>
+                </div>
               </header>
                 <p>There is no spoon.</p>
             </article>
@@ -403,10 +417,12 @@ blockquote > * + * {
             <article>
               <header>
                 <h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
-                  <div>
-                    Published by <strong>Hooli</strong>
-                  </div>
-                  <time datetime="2014-10-01">Oct 2014</time>
+                <div class="meta">
+                    <div>
+                      Published by <strong>Hooli</strong>
+                    </div>
+                    <time datetime="2014-10-01">Oct 2014</time>
+                </div>
               </header>
                 <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
             </article>