diff --git a/public/docs/_examples/quickstart/dart/lib/app_component.dart b/public/docs/_examples/quickstart/dart/lib/app_component.dart
index b300a28992..c8d3e6f143 100644
--- a/public/docs/_examples/quickstart/dart/lib/app_component.dart
+++ b/public/docs/_examples/quickstart/dart/lib/app_component.dart
@@ -5,7 +5,7 @@ import 'package:angular2/core.dart';
 // #docregion metadata
 @Component(
     selector: 'my-app',
-    template: '<h1>My First Angular App</h1>')
+    template: '<h1>Hello Angular!</h1>')
 // #enddocregion metadata
 // #docregion class
 class AppComponent {}
diff --git a/public/docs/_examples/quickstart/e2e-spec.ts b/public/docs/_examples/quickstart/e2e-spec.ts
index a548ec833a..0acc433926 100644
--- a/public/docs/_examples/quickstart/e2e-spec.ts
+++ b/public/docs/_examples/quickstart/e2e-spec.ts
@@ -1,10 +1,10 @@
-'use strict'; // necessary for es6 output in node 
+'use strict'; // necessary for es6 output in node
 
 import { browser, element, by } from 'protractor';
 
 describe('QuickStart E2E Tests', function () {
 
-  let expectedMsg = 'My First Angular App';
+  let expectedMsg = 'Hello Angular!';
 
   beforeEach(function () {
     browser.get('');
diff --git a/public/docs/_examples/quickstart/js/app/app.component.js b/public/docs/_examples/quickstart/js/app/app.component.js
index 69d3e9127e..c770e8d1fb 100644
--- a/public/docs/_examples/quickstart/js/app/app.component.js
+++ b/public/docs/_examples/quickstart/js/app/app.component.js
@@ -10,7 +10,7 @@
     ng.core.Component({
       // #enddocregion ng-namespace-funcs
       selector: 'my-app',
-      template: '<h1>My First Angular App</h1>'
+      template: '<h1>Hello Angular!</h1>'
     // #docregion ng-namespace-funcs
     })
     // #enddocregion component
diff --git a/public/docs/_examples/quickstart/ts/app/app.component.ts b/public/docs/_examples/quickstart/ts/app/app.component.ts
index e6c635440b..b80c22caa5 100644
--- a/public/docs/_examples/quickstart/ts/app/app.component.ts
+++ b/public/docs/_examples/quickstart/ts/app/app.component.ts
@@ -6,7 +6,7 @@ import { Component } from '@angular/core';
 // #docregion metadata
 @Component({
   selector: 'my-app',
-  template: '<h1>My First Angular App</h1>'
+  template: '<h1>Hello Angular!</h1>'
 })
 // #enddocregion metadata
 // #docregion class
diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade
index baa7ea01fc..4c5a8cdb09 100644
--- a/public/docs/js/latest/quickstart.jade
+++ b/public/docs/js/latest/quickstart.jade
@@ -20,7 +20,7 @@ include _util-fns
   and displays a simple message:
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of quickstart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of quickstart app")
 :marked
   Here is the file structure:
 .filetree
@@ -208,7 +208,7 @@ code-example(format="").
 :marked
   The `template` property holds the component's companion template.
   A template is a form of HTML that tells Angular how to render a view.
-  Our template is a single line of HTML announcing "My First Angular App".
+  Our template is a single line of HTML announcing "Hello Angular!".
   
   Now we need something to tell Angular to load this component.
 
@@ -299,7 +299,7 @@ code-example(format="").
   In a few moments, a browser tab should open and display
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of quickstart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of quickstart app")
 
 :marked
   Congratulations!  We are in business.
@@ -311,7 +311,7 @@ figure.image-display
 :marked
   ### Make some changes
   
-  Try changing the message to "My SECOND Angular app".
+  Try changing the message to "Hello Angular 2!".
   
   `lite-server` is watching, so it should detect the change,
   refresh the browser, and display the revised message.
diff --git a/public/docs/ts/_cache/quickstart.jade b/public/docs/ts/_cache/quickstart.jade
index d59ae2431b..6ebb0f1910 100644
--- a/public/docs/ts/_cache/quickstart.jade
+++ b/public/docs/ts/_cache/quickstart.jade
@@ -33,7 +33,7 @@ block includes
   and displays the simple message:
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app")
 
 :marked
   # Build this app!
@@ -290,7 +290,7 @@ p.
     The **template** specifies the component's companion template,
     written in an enhanced form of HTML that tells Angular how to render this component's view.
 
-    >Our template is a single line of HTML announcing "*My First Angular App*".
+    >Our template is a single line of HTML announcing "Hello Angular!".
 
     >A more advanced template could contain data bindings to component properties
     and might identify other application components which have their own templates.
@@ -545,7 +545,7 @@ block run-app
     In a few moments, a browser tab should open and display
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app")
 
 :marked
   **Great job!**
@@ -556,7 +556,7 @@ block build-app
 :marked
   ## Make some changes
 
-  Try changing the message to "My SECOND Angular app".
+  Try changing the message to "Hello Angular 2!".
 block server-watching
   :marked
     The TypeScript compiler and `lite-server` are watching.
diff --git a/public/docs/ts/latest/cli-quickstart.jade b/public/docs/ts/latest/cli-quickstart.jade
index d66c8895e4..bbd23e367e 100644
--- a/public/docs/ts/latest/cli-quickstart.jade
+++ b/public/docs/ts/latest/cli-quickstart.jade
@@ -108,7 +108,7 @@ h2#first-component Step 4: Edit our first Angular component
 +makeExample('cli-quickstart/ts/src/app/cli-quickstart.component.css', null, 'src/app/cli-quickstart.component.css')(format=".")
 
 figure.image-display
-  img(src='/resources/images/devguide/cli-quickstart/my-first-app.png' alt="Output of QuickStart app")  
+  img(src='/resources/images/devguide/cli-quickstart/hello-angular.png' alt="Output of QuickStart app")  
   
 :marked
   Looking good!
@@ -199,7 +199,7 @@ h3#component-decorator @Component decorator
 +makeExample('src/app/cli-quickstart.component.html', null, 'src/app/cli-quickstart.component.html')(format='.')
 :marked
   The `{{title}}` is an _interpolation_ binding that causes Angular to display the component's
-  `title` property. After out edit, Angular displays _My First Angular 2 App_.
+  `title` property. After out edit, Angular displays "Hello Angular!".
   We'll learn more about data binding as we read through the documentation.
   
   The **styleUrls** array specifies the location(s) of the component's private CSS style file(s).
diff --git a/public/docs/ts/latest/quickstart.jade b/public/docs/ts/latest/quickstart.jade
index 738c4cdde1..1229da5ed5 100644
--- a/public/docs/ts/latest/quickstart.jade
+++ b/public/docs/ts/latest/quickstart.jade
@@ -30,7 +30,7 @@ aside.is-right
   displays the simple message:
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app")
 
 :marked
   **Try it out**. Here's a link to a <live-example></live-example>.
@@ -323,7 +323,7 @@ aside.is-right
   In a few moments, a browser tab should open and display the following:
 
 figure.image-display
-  img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app")
+  img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app")
 
 
 block build-app
@@ -332,7 +332,7 @@ block build-app
 .l-main-section#make-changes
 h1 Step !{step++}: Make some live changes
 :marked
-  Try changing the message in `app/app.component.ts` to "My SECOND Angular App".
+  Try changing the message in `app/app.component.ts` to "Hello Angular 2!".
 block server-watching
   :marked
     The TypeScript compiler and `lite-server` will detect your change, recompile the TypeScript into JavaScript,
diff --git a/public/resources/images/devguide/quickstart/hello-angular.png b/public/resources/images/devguide/quickstart/hello-angular.png
new file mode 100644
index 0000000000..44bf04fe9e
Binary files /dev/null and b/public/resources/images/devguide/quickstart/hello-angular.png differ