Merge "updates to the brand guidelines, based on the partner toolkit" into jb-dev-docs

docs/html/distribute/distribute_toc.cs

@@ -75,7 +75,7 @@
        <li><a href="<?cs var:toroot ?>distribute/promote/device-art.html">
         <span class="en">Device Art Generator</a></li>
        <li><a href="<?cs var:toroot ?>distribute/googleplay/promote/brand.html">
-        <span class="en">Brand Assets and Guidelines</a></li>
+        <span class="en">Brand Guidelines</a></li>
      </ul>
    </li>
 

docs/html/distribute/googleplay/promote/badges.jd

@@ -13,7 +13,7 @@ click <em>Build my badge</em>, then paste the HTML into your web content.</p>
 wraps your screenshots in real device artwork.</p>
 
 <p>For guidelines when using the Google Play badge and other brand assets,
-see the <a href="{@docRoot}distribute/googleplay/promote/brand.html">Brand Assets and
+see the <a href="{@docRoot}distribute/googleplay/promote/brand.html">Brand
 Guidelines</a>.</p>
 
 <style type="text/css">

docs/html/distribute/googleplay/promote/brand.jd

@@ -1,151 +1,172 @@
-page.title=Brand Assets, Icons, and Guidelines
+page.title=Brand Guidelines
 @jd:body
 
-<p>We encourage you to use the Android and Google Play brands in your
-promotional materials. You can use the icons and other assets on this page in
-any way you want, provided that you follow the guidelines described below.</p>
 
-<h2 id="brand-android">Android Brand</h2>
 
-<div>
-  <div style="float:right;width:50%;padding:1.5em;">
-    <img alt="" src="{@docRoot}images/brand/droid.gif">
+<p>We encourage you to use the Android and Google Play brands with your Android app
+promotional materials. You can use the icons and other assets on this page
+provided that you follow the guidelines described below.</p>
+
+<h2 id="brand-android">Android</h2>
+
+ <p>The following are guidelines for the Android brand
+ and related assets.</p>
+ 
+
+  <h4 style="clear:right">Android in text</h4>
+    
+  <div style="float:right;clear:right;width:200px;margin:0 0 20px 30px">
+    <img alt="" src="{@docRoot}images/brand/mediaplayer.png">
+  </div>
+    <ul>
+    <li>Android&trade; should have a trademark symbol the first time it appears in a creative.</li>
+    <li>Android should always be capitalized and is never plural or possessive.</li>
+    <li>"Android" by itself cannot be used in the name of an application name or accessory product.
+Instead use "for Android."
+      <ul>
+        <li><span style="color:red">Incorrect</span>: "Android MediaPlayer"</li>
+        <li><span style="color:green">Correct</span>: "MediaPlayer for Android"</li>
+      </ul>
+      <p>If used with your logo, "for Android" needs to be smaller in size than your logo.
+      First instance of this use should be followed by a TM symbol, "for Android&trade;".</p>
+    </li>
+    <li>Android may be used as a descriptor, as long as it is followed by a proper generic term.
+      <ul>
+        <li><span style="color:red">Incorrect</span>: "Android MediaPlayer" or "Android XYZ app"</li>
+        <li><span style="color:green">Correct</span>: "Android features" or "Android applications"</li>
+      </ul>
+    </li>
+    </ul>
+  
+    <p>Any use of the Android name needs to include this
+    attribution in your communication:</p>
+    <blockquote><em>Android is a trademark of Google Inc.</em></blockquote></p>
+
+
+ <h4>Android robot</h4>
+
+  <div style="float:right;width:200px;margin-left:30px">
+    <img alt="" src="{@docRoot}images/brand/Android_Robot_100.png"
+      style="margin-left:50px">
+    <p style="text-align:center">
+       <a href="{@docRoot}images/brand/Android_Robot_100.png">100x118</a> |
+       <a href="{@docRoot}images/brand/Android_Robot_200.png">200x237</a><br>
+       <a href="{@docRoot}images/brand/Android_Robot_outlined.ai">Illustrator (.ai)</a></p>
   </div>
 
-  <div style="width:45%;">
-    <h4>01/ Android Robot</h4>
-
-    <p> Can be used, reproduced, and modified freely in marketing
-    communications. Our standard color value for print is PMS 376C. Our online hex
-    color is <span id= "android-green">#A4C639</span>.</p>
+    <p>The Android robot can be used, reproduced, and modified freely in marketing
+    communications. The color value for print is PMS 376C and the online hex
+    color is <span style="color:#A4C639">#A4C639</span>.</p>
 
     <p>When using the Android Robot or any modification of it, proper attribution is
-    required under the terms of the Creative Commons Attribution license. For more
-    details on proper attribution, please see the <a
-    href="{@docRoot}license.html#attribution">Content License</a> document. </p>
+    required under the terms of the <a href="http://creativecommons.org/licenses/by/3.0/">Creative
+Commons Attribution</a> license:</p>
+   
+    <blockquote><em>The Android robot is reproduced or modified from work created and shared by Google and
+used according to terms described in the Creative Commons 3.0 Attribution License.</em></blockquote>
+    
+    <p>You may not file trademark applications incorporating the Android robot logo or
+derivatives thereof. We want to ensure that the Android robot remains available
+for all to use.</p>
+
+
+<h4 style="clear:right">Android logo</h4>
+
+<div style="float:right;width:210px;margin-left:30px;margin-top:-10px">
+  <img alt="" src="{@docRoot}images/brand/android_logo_no.png">
+</div>
+
+<p>The Android logo may not be used. Nor can this be used with the Android robot.</p>
+<p>The custom typeface may not be used.</p>
+
+
+
+
+<h2 id="brand-google_play">Google Play</h2>
+
+
+ <p>The following are guidelines for the Google Play brand
+ and related assets.</p>
+
+<h4>Google Play in text</h4>
+
+<p>Always include a TM symbol on the first or most prominent instance of Google Play&trade;
+in text.</p>
+
+<p>When referring to the mobile experience, use "Google Play" unless the text is clearly
+instructional for the user. For example, a marketing headline might read "Download our
+games on Google Play&trade;," but instructional text woud read "Download our games using the Google
+Play&trade; Store app."
+
+ <p>Any use of the Google Play name or icon needs to include this
+    attribution in your communication:</p>
+
+<blockquote><em>Google Play is a trademark of Google Inc.</em></blockquote>
+
+
+  <div style="float:right;width:96px;margin-left:30px;margin-top:-20px">
+     <img src="{@docRoot}images/brand/Google_Play_Store_96.png" alt="">
+    <p style="text-align:center">
+       <a href="{@docRoot}images/brand/Google_Play_Store_48.png">48x48</a> |
+       <a href="{@docRoot}images/brand/Google_Play_Store_96.png">96x96</a><br>
+       <a href="{@docRoot}images/brand/Google_Play_Store.ai">Illustrator (.ai)</a>
+       </p>
   </div>
-<div>
+  
+<h4>Google Play Store icon</h4>
 
-<div style="clear:both">
-  <div style="float:right;width:50%;padding:1.5em;">
-    <img alt="" src="{@docRoot}images/brand/logo_android.gif">
-  </div>
+<p>You may use the Google Play Store icon, but you may not modify it.</p>
 
-  <div style="width:45%;">
-    <h4>02/ Android Logo</h4>
+<p>When labeling or referring to the icon, the name can be either the full app
+name, Google Play Store, or the app display name, Play Store.</p>
 
-    <p>The Android logo may not be used.</p>
-  </div>
-<div>
-
-<div style="clear:both">
-  <div style="float:right;width:50%;padding:1.5em;">
-    <img alt="" src="{@docRoot}images/brand/norad.gif">
-  </div>
-
-  <div style="width:45%;">
-    <h4>03/ Android Custom Typeface</h4>
-
-    <p>The custom typeface may not be used.</p>
-  </div>
-<div>
-
-<div style="clear:both">
-  <div style="float:right;width:50%;padding:1.5em;">
-    <img alt="" src="{@docRoot}images/brand/mediaplayer.gif">
-  </div>
-
-  <div style="width:45%;">
-    <h4>04/ Android in Official Names</h4>
-<p>Any name with 'Android' alone may not be used in a name without permission. Any name
-            with 'Droid' alone may not be used in a name.</p>
-            
-          <p>The word 'Android' may be used only as a descriptor, 'for Android'. If used with your
-            logo, 'for Android' needs to be smaller in size than your logo. First instance of this
-            use should be followed by a TM symbol, 'for Android™'.</p>
-            
-          <p>If you are not sure you meet these criteria, <a href=
-            "http://services.google.com/permissions/application">please contact us</a>. </p>
-  </div>
-<div>
-
-<div style="clear:both">
-  <div style="float:right;width:50%;padding:1.5em;">
-    <img alt="" src="{@docRoot}images/brand/learnmore.gif">
-  </div>
-
-  <div style="width:45%;">
-    <h4>05/ Android in Messaging</h4>
-          <p>
-            May be used in text as a descriptor, as long as it is followed by a proper generic term
-            (e.g. "Android™ application"). First instance of this use should be followed by a TM
-            symbol.
-          </p>       
-  </div>
-<div>
-          <p class="caution"><strong>Note: Any usage of #04 or #05 needs to include footer attribution in your
-          communication:</strong><br /><span style="margin-left:1.5em">
-          "Android is a trademark of Google Inc."</span>
-        </p>
-
-
-<h2 id="brand-google_play">Google Play Brand</h2>
-
-    <img alt="" src="http://www.android.com/images/brand/google_play_logo_450.png"
-         style="float:right;">
-      
-    <img alt="Android app on Google Play badge, large"
-         src="{@docRoot}images/brand/en_app_rgb_wo_60.png"
-         style="float:right;clear:right;">
-
-    <img alt="Android app on Google Play badge, small"
-         src="{@docRoot}images/brand/en_app_rgb_wo_45.png"
-         style="float:right;margin:0 30px 30px">
-
-    <img alt="Get it on Google Play badge, large"
-         src="{@docRoot}images/brand/en_generic_rgb_wo_60.png"
-         style="float:right;clear:right;">
-
-    <img alt="Get it on Google Play badge, small"
-         src="{@docRoot}images/brand/en_generic_rgb_wo_45.png"
-         style="float:right;margin:0 30px 30px;">
         
-    <h4>06/ <em>Get it on Google Play</em> Badge
-          </h4>
-          <p>
-            The "Get it on Google Play" and "Android App on Google Play" logos are badges that you
-            can use on your web site and promotional materials, to point to your products on Google
-            Play.
-          </p>
-          <p>
-            Guidelines for usage:
-          </p>
-          <ul>
-            <li>Do not modify the color, proportions, spacing or any other aspect of the badge image.
-            </li>
-            <li>When used alongside logos for other application marketplaces, the Google Play logo
-            should be of equal or greater size.</li>
-            <li>When used online, the badge should link to either:
-              <ul>
-                <li>A list of products published by you, for example:<br />
-                <span style="margin-left:1em;">http://play.google.com/store/search?q=<em>publisherName</em></span>
-                </li>
-                <li>A specific app product details page within Google Play, for example:<br />
-                <span style="margin-left:1em;">http://play.google.com/store/apps/details?id=<em>packageName</em></span>
-                </li>
-              </ul>
-            </li>
+<h4>Google Play badge</h4>
+      
+  <div style="float:right;clear:right;width:172px;margin-left:30px">
+    <img src="{@docRoot}images/brand/en_app_rgb_wo_60.png" alt="">
+    <p style="text-align:center">
+       <a href="{@docRoot}images/brand/en_app_rgb_wo_45.png">129x45</a> |
+       <a href="{@docRoot}images/brand/en_app_rgb_wo_60.png">172x60</a><br>
+       <a href="{@docRoot}images/brand/en_app_rgb_wo.ai">Illustrator (.ai)</a></p>
+  </div>
+      
+  <div style="float:right;clear:right;width:172px;margin-left:30px">
+    <img src="{@docRoot}images/brand/en_generic_rgb_wo_60.png" alt="">
+    <p style="text-align:center">
+       <a href="{@docRoot}images/brand/en_generic_rgb_wo_45.png">129x45</a> |
+       <a href="{@docRoot}images/brand/en_generic_rgb_wo_60.png">172x60</a><br>
+       <a href="{@docRoot}images/brand/en_generic_rgb_wo.ai">Illustrator (.ai)</a></p>
+  </div>
+         
+  <p>The "Get it on Google Play" and "Android App on Google Play" logos are badges that you
+    can use on your web site and promotional materials, to point to your products on Google
+    Play.</p>
+
+  <ul>
+    <li>Do not modify the color, proportions, spacing or any other aspect of the badge image.
+    </li>
+    <li>When used alongside logos for other application marketplaces, the Google Play logo
+    should be of equal or greater size.</li>
+    <li>When used online, the badge should link to either:
+      <ul>
+        <li>A list of products published by you, for example:<br />
+        <span style="margin-left:1em;">http://play.google.com/store/search?q=<em>publisherName</em></span>
+        </li>
+        <li>A specific app product details page within Google Play, for example:<br />
+        <span style="margin-left:1em;">http://play.google.com/store/apps/details?id=<em>packageName</em></span>
+        </li>
+      </ul>
+    </li>
   </ul>
 
-          <p>For your convenience, you can use the 
-            <a href="{@docRoot}distribute/googleplay/promote/badges.html">Googe Play badge generator</a>
-            to create badges that link to your apps on Google Play.</p>
-            
-          <p>For details on all the ways that you can link to your product details page in Google Play, 
-            see <a href="{@docRoot}distribute/googleplay/promote/linking.html">Linking to your products</a></p>
+  <p>For your convenience, you can use the 
+    <a href="{@docRoot}distribute/googleplay/promote/badges.html">Googe Play badge generator</a>
+    to create badges that link to your apps on Google Play.</p>
+    
+  <p>For details on all the ways that you can link to your product details page in Google Play, 
+    see <a href="{@docRoot}distribute/googleplay/promote/linking.html">Linking to your products</a></p>
 
-<h2>Other Brands</h2>
-
-<p>Any other brands or icons depicted on this site are <em>not</em> are the property of their
-respective owners and usage is reserved. You must seek the developer for appropriate permission to use them.</p>
 
+<p>If you are not sure you meet these criteria, <a href=
+            "http://services.google.com/permissions/application">please contact us</a>. </p>

docs/html/distribute/googleplay/promote/linking.jd

@@ -5,7 +5,7 @@ page.title=Linking to Your Products
 <div class="sidebox">
 <a href="badges.html">
   <img alt="Get it on Google Play"
-       src="http://www.android.com/images/brand/get_it_on_play_logo_small.png" />
+       src="{@docRoot}en_app_rgb_wo_45.png" />
 </a>
 <p>For a link that includes the Google Play brand icon, check out the <a href="badges.html">Badges</a> page. </p>
 </div>

docs/html/legal.jd

@@ -39,7 +39,7 @@ href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution<
 use of it must be attributed as such.</p>
 
 <p>For more information about Android brands, see the <a
-href="{@docRoot}distribute/googleplay/promote/brand.html">Android Branding Guidelines</a>.</p>
+href="{@docRoot}distribute/googleplay/promote/brand.html">Brand Guidelines</a>.</p>
 
 <p>All other trademarks are the property of their respective owners.</p>