diff --git a/aio/tools/transforms/angular-api-package/tag-defs/howToUse.js b/aio/tools/transforms/angular-api-package/tag-defs/howToUse.js
index aa5f3a2974c07..a0d7968e07845 100644
--- a/aio/tools/transforms/angular-api-package/tag-defs/howToUse.js
+++ b/aio/tools/transforms/angular-api-package/tag-defs/howToUse.js
@@ -1,6 +1,7 @@
 module.exports = function(log, createDocMessage) {
   return {
     name: 'howToUse',
+    deprecated: true,
     transforms(doc, tag, value) {
       log.warn(createDocMessage('Deprecated `@howToUse` tag found', doc));
       log.warn('PLEASE FIX by renaming to `@usageNotes.');
diff --git a/aio/tools/transforms/angular-api-package/tag-defs/stable.js b/aio/tools/transforms/angular-api-package/tag-defs/stable.js
index 7146ebdcb4efe..cc689085c0021 100644
--- a/aio/tools/transforms/angular-api-package/tag-defs/stable.js
+++ b/aio/tools/transforms/angular-api-package/tag-defs/stable.js
@@ -1,6 +1,7 @@
 module.exports = function(log, createDocMessage) {
   return {
     name: 'stable',
+    deprecated: true,
     transforms(doc, tag, value) {
       log.warn(createDocMessage('Deprecated `@stable` tag found', doc));
       log.warn('PLEASE REMOVE - its value is now computed.');
diff --git a/aio/tools/transforms/angular-api-package/tag-defs/whatItDoes.js b/aio/tools/transforms/angular-api-package/tag-defs/whatItDoes.js
index 86715c6a5b913..8b995890a972b 100644
--- a/aio/tools/transforms/angular-api-package/tag-defs/whatItDoes.js
+++ b/aio/tools/transforms/angular-api-package/tag-defs/whatItDoes.js
@@ -1,6 +1,7 @@
 module.exports = function(log, createDocMessage) {
   return {
     name: 'whatItDoes',
+    deprecated: true,
     transforms(doc, tag, value) {
       log.warn(createDocMessage('Deprecated `@whatItDoes` tag found', doc));
       log.warn('PLEASE FIX by adding the content of this tag as the first paragraph of the `@description` tag.');
diff --git a/aio/tools/transforms/angular-base-package/index.js b/aio/tools/transforms/angular-base-package/index.js
index f76b80762a53c..75e496ec3b166 100644
--- a/aio/tools/transforms/angular-base-package/index.js
+++ b/aio/tools/transforms/angular-base-package/index.js
@@ -24,7 +24,6 @@ module.exports = new Package('angular-base', [
 
   // Register the processors
   .processor(require('./processors/generateKeywords'))
-  .processor(require('./processors/createOverviewDump'))
   .processor(require('./processors/createSitemap'))
   .processor(require('./processors/checkUnbalancedBackTicks'))
   .processor(require('./processors/convertToJson'))
diff --git a/aio/tools/transforms/angular.io-package/index.js b/aio/tools/transforms/angular.io-package/index.js
index 3184be07d051f..cb24f95e991d1 100644
--- a/aio/tools/transforms/angular.io-package/index.js
+++ b/aio/tools/transforms/angular.io-package/index.js
@@ -17,6 +17,7 @@ module.exports = new Package('angular.io', [gitPackage, apiPackage, contentPacka
 
   // This processor relies upon the versionInfo. See below...
   .processor(require('./processors/processNavigationMap'))
+  .processor(require('./processors/createOverviewDump'))
   .processor(require('./processors/cleanGeneratedFiles'))
 
   // We don't include this in the angular-base package because the `versionInfo` stuff
diff --git a/aio/tools/transforms/angular-base-package/processors/createOverviewDump.js b/aio/tools/transforms/angular.io-package/processors/createOverviewDump.js
similarity index 100%
rename from aio/tools/transforms/angular-base-package/processors/createOverviewDump.js
rename to aio/tools/transforms/angular.io-package/processors/createOverviewDump.js
diff --git a/aio/tools/transforms/templates/overview-dump.template.html b/aio/tools/transforms/templates/overview-dump.template.html
index 63d552eb56ad3..14039af667290 100644
--- a/aio/tools/transforms/templates/overview-dump.template.html
+++ b/aio/tools/transforms/templates/overview-dump.template.html
@@ -1,74 +1,110 @@
 {% import "api/lib/githubLinks.html" as github -%}
-{% import "api/lib/paramList.html" as params -%}
+{% import "api/lib/memberHelpers.html" as members -%}
+{% macro goToCode(doc) %}<a href="{$ github.githubViewHref(doc, versionInfo) $}" class="go-to-code" title="Go to source code"><i class="material-icons" aria-hidden="true" role="img">code</i></a>{% endmacro %}
+{% macro label(test, class, text) %}{% if test %}<label class="{$ class $}">{$ text $}</label>{% endif %}{% endmacro %}
+{% macro renderLabels(doc) -%}
+  {$ label(doc.notYetDocumented, 'no-doc', 'UNDOCUMENTED') $}
+  {%- for tag in doc.tags.tags %}{$ label(tag.tagDef.deprecated, 'deprecated', '@' + tag.tagDef.name + ' deprecated') $}{% endfor %}
+{% endmacro %}
+{% macro renderMember(member) -%}
+  <div class="member">{$ goToCode(member) $}
+  <h4><code>{$ members.renderMemberSyntax(member, 1) $}</code></h4>
+    {$ renderLabels(member) $}
+  </div>
+{% endmacro -%}
+
 <!DOCTYPE html>
 <html>
 <head>
   <title></title>
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <style>
     body {
-      max-width: 1000px;
+      margin: 0 50px;
+    }
+    details {
+      margin: 10px;
+      padding: 0 10px;
+      border: solid black 1px;
+    }
+    details details {
+      border: none;
+      margin: 0;
+    }
+
+    .member:nth-child(odd) {
+      background-color: #eee;
     }
-    h2 {
-      margin-top: 20px;
-      margin-bottom: 0;
-      border-bottom: solid 1px black;
+    h2, h3, h4 {
+      display: inline-block;
+      margin: 0;
     }
     h3 {
-      margin-top: 10px;
-      margin-bottom: 0;
-      padding-left: 20px;
+      padding-left: 15px;
     }
     h4 {
-      padding-left: 30px;
-      margin: 0;
+      padding: 10px 0 0 30px;
     }
-    .not-documented::after {
-      content: "(not documented)";
-      font-size: small;
-      font-style: italic;
-      color: red;
+    div {
+      position: relative;
+    }
+
+    label {
+      border-radius: 4px;
+      padding: 4px 8px;
+      display: inline-block;
+      font-size: 12px;
+      color: #fff;
+      margin: 0 8px;
+      font-weight: bold;
+      font-family: Arial, Helvetica, sans-serif;
     }
-    a {
+
+    .no-doc {
+      background-color: red;
+    }
+
+    .deprecated {
+      background-color: orange;
       color: black;
-      text-decoration: none;
+    }
+
+    a.go-to-code {
+      position: absolute;
+      top: 10px;
+      right: 10px;
     }
   </style>
 </head>
 <body>
 
 
-<h1>Module Overview</h1>
+<h1>Documentation Status Report</h1>
 
 {% for module in doc.modules %}
-
-<h2>
-  <code>{$ module.id $}{%- if module.public %} (public){% endif %}</code>
-</h2>
+<details>
+  <summary><h2><code>{$ module.id $}{%- if module.public %} (public){% endif %}</code></h2></summary>
 
   {% for export in module.exports %}
-  <h3 {% if export.notYetDocumented %}class="not-documented"{% endif %}>
-    <a href="{$ github.githubViewHref(export, versionInfo) $}">
-    <code>{$ export.docType $} {$ export.name $}</code>
-    </a>
-  </h3>
-      {%- if export.constructorDoc %}
-      <h4  {% if export.constructorDoc.notYetDocumented %}class="not-documented"{% endif %}>
-        <a href="{$ github.githubViewHref(export.constructorDoc, versionInfo) $}">
-        <code>{$ export.constructorDoc.name $}{$ params.paramList(export.constructorDoc.params) $}</code>
-        </a>
-      </h4>
-    {% endif -%}
-    {%- for member in export.members %}
-      <h4 {% if member.notYetDocumented %}class="not-documented"{% endif %}>
-        <a href="{$ github.githubViewHref(member, versionInfo) $}">
-        <code>{$ member.name $}{$ params.paramList(member.params) $}</code>
-        </a>
-      </h4>
-    {% endfor %}
+  <div class="export">{$ goToCode(export) $}
+    <details>
+      <summary><h3><code>{$ export.docType $} {$ export.name $}</code></h3>{$ renderLabels(export) $}</summary>
 
-  {% endfor %}
+      {%- for member in export.staticProperties %}{% if not member.internal %}
+      {$ renderMember(member) $}</a>{% endif %}{% endfor -%}
+      {% for member in export.staticMethods %}{% if not member.internal %}
+      {$ renderMember(member) $}</a>{% endif %}{% endfor -%}
+      {% if export.constructorDoc and not export.constructorexport.internal %}
+      {$ renderMember(export.constructorDoc) $}</a>{% endif -%}
+      {% for member in export.properties %}{% if not member.internal %}
+      {$ renderMember(member) $}</a>{% endif %}{% endfor -%}
+      {% for member in export.methods %}{% if not member.internal %}
+      {$ renderMember(member) $}</a>{% endif %}{% endfor -%}
 
+    </details>
+  </div>
+  {% endfor %}
+</details>
 {% endfor %}
-
 </body>
 </html>