diff --git a/public/docs/dart/latest/guide/architecture.jade b/public/docs/dart/latest/guide/architecture.jade
index 3f6caca10b..876264815b 100644
--- a/public/docs/dart/latest/guide/architecture.jade
+++ b/public/docs/dart/latest/guide/architecture.jade
@@ -13,8 +13,7 @@ include ../../../../_includes/_util-fns
   Angular takes over, presenting our application content in a browser and responding to user interactions
   according to the instructions we provided.
 
-figure
-  img(src="/resources/images/devguide/architecture/airplane.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
+<!-- figure img(src="/resources/images/devguide/architecture/airplane.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" ) -->
 :marked
   Of course there is more to it than this.
   We're cruising at high altitude in this overview.
diff --git a/public/docs/dart/latest/guide/index.jade b/public/docs/dart/latest/guide/index.jade
index 21027463c2..52780147ba 100644
--- a/public/docs/dart/latest/guide/index.jade
+++ b/public/docs/dart/latest/guide/index.jade
@@ -3,8 +3,7 @@ include ../../../../_includes/_util-fns
 :marked
   This Developers Guide is a practical guide to Angular for experienced programmers who
   are building client applications in HTML and Dart.
-figure
-  img(src="/resources/images/devguide/intro/people.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
+<!-- figure img(src="/resources/images/devguide/intro/people.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" ) -->
 :marked
   We are on a journey together to understand how Angular works and, more importantly,
   how to make it work for us. We look at our application requirements and we see problems to solve.
diff --git a/public/docs/ts/latest/guide/architecture.jade b/public/docs/ts/latest/guide/architecture.jade
index 54b7f07839..5168a84d3b 100644
--- a/public/docs/ts/latest/guide/architecture.jade
+++ b/public/docs/ts/latest/guide/architecture.jade
@@ -125,7 +125,8 @@ figure
 <a id="component"></a>
 :marked
   ## The Component
-<!-- figure img(src="/resources/images/devguide/architecture/hero-component.png" alt="Component" align="left" style="width:200px; margin-left:-40px;margin-right:10px" ) -->
+figure
+  img(src="/resources/images/devguide/architecture/hero-component.png" alt="Component" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
 :marked
   A **Component** controls a patch of screen real estate that we could call a *view*. 
   The shell at the application root with navigation links, that list of heroes, the hero editor ... 
@@ -157,7 +158,8 @@ figure
 <a id="template"></a>
 :marked
   ## The Template
-<!-- figure img(src="/resources/images/devguide/architecture/template.png" alt="Template" align="left" style="width:200px; margin-left:-40px;margin-right:10px" ) -->
+figure
+  img(src="/resources/images/devguide/architecture/template.png" alt="Template" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
 :marked
   We define a Component's view with its companion **template**. A template is a form of HTML
   that tells Angular how to render the Component.
diff --git a/public/resources/images/devguide/architecture/hero-component.png b/public/resources/images/devguide/architecture/hero-component.png
index 46ce4ba476..49f121eb97 100644
Binary files a/public/resources/images/devguide/architecture/hero-component.png and b/public/resources/images/devguide/architecture/hero-component.png differ
diff --git a/public/resources/images/devguide/architecture/template.png b/public/resources/images/devguide/architecture/template.png
index 3d6c0b1bae..fe08a93923 100644
Binary files a/public/resources/images/devguide/architecture/template.png and b/public/resources/images/devguide/architecture/template.png differ