diff --git a/public/_includes/_hero-home.jade b/public/_includes/_hero-home.jade
index a35bd598c9..a70f590e36 100644
--- a/public/_includes/_hero-home.jade
+++ b/public/_includes/_hero-home.jade
@@ -4,3 +4,10 @@ header(class="background-sky l-relative")
         img(class="hero-logo" src='/resources/images/logos/angular2/angular.svg')
         h1.text-headline #{title}<br>#{subtitle}
         a(href="/docs/ts/latest/quickstart.html" class="hero-cta md-raised button button-large button-plain" md-button) Get Started
+        
+    announcement-bar
+      .announcement-bar-slide.clearfix
+        img(src="/resources/images/logos/angular2/angular-banner-logo-grey.png" width="64")
+        p Test-drive <strong>@angular/material</strong>: 22 components now in beta.
+        a(href="https://material.angular.io/" target="_blank" class="button md-button") Try now
+          
diff --git a/public/resources/images/logos/angular2/angular-banner-logo-grey.png b/public/resources/images/logos/angular2/angular-banner-logo-grey.png
new file mode 100644
index 0000000000..a4f988e9b8
Binary files /dev/null and b/public/resources/images/logos/angular2/angular-banner-logo-grey.png differ