diff --git a/app/config/styles.json b/app/config/styles.json
index d327544..b12a0b9 100644
--- a/app/config/styles.json
+++ b/app/config/styles.json
@@ -8,7 +8,7 @@
   },
   "link": {
     "text-decoration": "none",
-    "color": "#4183c4"
+    "color": "#e73b31"
   },
   "intro-paragraph": {
     "font-size": "12pt",
@@ -33,22 +33,46 @@
     "margin": ".5em 0"
   },
   "commit": {
-    "background": "#fafafa",
-    "border": "solid 1px #ccc",
-    "margin": "1em 0",
+    "background": "#fffbe8",
+    "border": "solid 1px #dddac8",
+    "box-shadow": "1px 1px 2px rgba(0, 0, 0, 0.11)",
+    "container": {
+      "margin": "1em 0"
+    },
+    "corner": {
+      "width": "0",
+      "max-height": "0",
+      "float": "left",
+      "cover": {
+        "width": "0",
+        "height": "0",
+        "border": "solid",
+        "border-width": "0 0 20px 10px",
+        "border-color": "transparent transparent #dddac8 white"
+      },
+      "border": {
+        "margin": "1px 0 0 1px",
+        "width": "0",
+        "height": "0",
+        "border": "solid",
+        "border-width": "0 0 20px 10px",
+        "border-color": "transparent transparent #fdf9e5 transparent"
+      }
+    },
     "title": {
-      "padding": "8px",
-      "margin": "0"
+      "padding": "10px",
+      "margin": "0",
+      "z-index": "2"
     },
     "message": {
       "margin": "0",
-      "padding": "0 8px 8px",
+      "padding": "0 10px 10px",
       "white-space": "pre-wrap"
     },
     "footer": {
-      "background": "#fff",
-      "border-top": "solid 1px #ddd",
-      "padding": "8px",
+      "border-top": "dashed 1px #cac7b7",
+      "margin": "0 10px",
+      "padding": "10px 0",
       "date": {
         "color": "#666"
       },
diff --git a/app/static/main.css b/app/static/main.css
index d4f7ad6..b39cbec 100644
--- a/app/static/main.css
+++ b/app/static/main.css
@@ -3,6 +3,7 @@ body {
   font-size: 10pt;
   margin: 0;
   padding: 0;
+  background: #eee;
 }
 
 a {
@@ -11,7 +12,6 @@ a {
 }
 
 .header {
-  background: #eee;
   position: relative;
   height: 164px;
   overflow: hidden;
@@ -36,6 +36,10 @@ a {
   margin-left: -557px;
 }
 
+.body-background {
+  background: #fff;
+}
+
 .body {
   padding: 10px;
   max-width: 1104px;
diff --git a/app/templates/base/page.html b/app/templates/base/page.html
index cf745af..2c62aba 100644
--- a/app/templates/base/page.html
+++ b/app/templates/base/page.html
@@ -12,10 +12,12 @@
     <img src="/static/images/header.png" srcset="/static/images/header.png 1x, /static/images/header@2x.png 2x" width="1114" height="154" alt="GitHop">
   </div>
 
-  <div class="body">
-    <h1>{{template "title" .}}</h1>
+  <div class="body-background">
+    <div class="body">
+      <h1>{{template "title" .}}</h1>
 
-    {{template "body" .}}
+      {{template "body" .}}
+    </div>
   </div>
 </body>
 </html>
diff --git a/app/templates/shared/digest.html b/app/templates/shared/digest.html
index a3b7a21..e72a19f 100644
--- a/app/templates/shared/digest.html
+++ b/app/templates/shared/digest.html
@@ -28,16 +28,24 @@
 
     <div>
       {{range .Commits }}
-        <div style="{{style "commit"}}">
-          <h3 style="{{style "commit.title"}}">{{.Title}}</h3>
-          {{if .Message}}
-            <pre style="{{style "commit.message"}}">{{.Message}}</pre>
-          {{end}}
-          <div style="{{style "commit.footer"}}">
-            <a href="{{.URL}}"
-               style="{{style "link" "commit.footer.link"}}">{{.DisplaySHA}}</a>
-            <i title={{.DisplayDateTooltip}}
-               style="{{style "commit.footer.date"}}">{{if $interval.Weekly}}{{.WeeklyDisplayDate}}{{else}}{{.DisplayDate}}{{end}}</i>
+        <div style="{{style "commit.container"}}">
+          <div style="{{style "commit.corner"}}">
+            <div style="{{style "commit.corner.cover"}}"></div>
+          </div>
+          <div style="{{style "commit.corner"}}">
+            <div style="{{style "commit.corner.border"}}"></div>
+          </div>
+          <div style="{{style "commit"}}">
+            <h3 style="{{style "commit.title"}}">{{.Title}}</h3>
+            {{if .Message}}
+              <pre style="{{style "commit.message"}}">{{.Message}}</pre>
+            {{end}}
+            <div style="{{style "commit.footer"}}">
+              <a href="{{.URL}}"
+                 style="{{style "link" "commit.footer.link"}}">{{.DisplaySHA}}</a>
+              <i title={{.DisplayDateTooltip}}
+                 style="{{style "commit.footer.date"}}">{{if $interval.Weekly}}{{.WeeklyDisplayDate}}{{else}}{{.DisplayDate}}{{end}}</i>
+            </div>
           </div>
         </div>
       {{end}}
diff --git a/assets/punch card commit corner.psd b/assets/punch card commit corner.psd
new file mode 100644
index 0000000..1b8011a
Binary files /dev/null and b/assets/punch card commit corner.psd differ