Skip to content

Commit d401d58

Browse files
scottamainscottamain
committed
updates to the brand guidelines, based on the partner toolkit
Change-Id: Ie4ee8b11bc97d00412f48b6086fac72ad5c52006
1 parent 8e3dca8 commit d401d58

22 files changed

+6822
-126
lines changed

‎docs/html/distribute/distribute_toc.cs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@
7575
<li><a href="<?cs var:toroot ?>distribute/promote/device-art.html">
7676
<span class="en">Device Art Generator</a></li>
7777
<li><a href="<?cs var:toroot ?>distribute/googleplay/promote/brand.html">
78-
<span class="en">Brand Assets and Guidelines</a></li>
78+
<span class="en">Brand Guidelines</a></li>
7979
</ul>
8080
</li>
8181

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ click <em>Build my badge</em>, then paste the HTML into your web content.</p>
1313
wraps your screenshots in real device artwork.</p>
1414

1515
<p>For guidelines when using the Google Play badge and other brand assets,
16-
see the <a href="{@docRoot}distribute/googleplay/promote/brand.html">Brand Assets and
16+
see the <a href="{@docRoot}distribute/googleplay/promote/brand.html">Brand
1717
Guidelines</a>.</p>
1818

1919
<style type="text/css">

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

Lines changed: 143 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -1,151 +1,172 @@
1-
page.title=Brand Assets, Icons, and Guidelines
1+
page.title=Brand Guidelines
22
@jd:body
33

4-
<p>We encourage you to use the Android and Google Play brands in your
5-
promotional materials. You can use the icons and other assets on this page in
6-
any way you want, provided that you follow the guidelines described below.</p>
74

8-
<h2 id="brand-android">Android Brand</h2>
95

10-
<div>
11-
<div style="float:right;width:50%;padding:1.5em;">
12-
<img alt="" src="{@docRoot}images/brand/droid.gif">
13-
</div>
6+
<p>We encourage you to use the Android and Google Play brands with your Android app
7+
promotional materials. You can use the icons and other assets on this page
8+
provided that you follow the guidelines described below.</p>
149

15-
<div style="width:45%;">
16-
<h4>01/ Android Robot</h4>
10+
<h2 id="brand-android">Android</h2>
1711

18-
<p> Can be used, reproduced, and modified freely in marketing
19-
communications. Our standard color value for print is PMS 376C. Our online hex
20-
color is <span id= "android-green">#A4C639</span>.</p>
12+
<p>The following are guidelines for the Android brand
13+
and related assets.</p>
14+
2115

22-
<p>When using the Android Robot or any modification of it, proper attribution is
23-
required under the terms of the Creative Commons Attribution license. For more
24-
details on proper attribution, please see the <a
25-
href="{@docRoot}license.html#attribution">Content License</a> document. </p>
16+
<h4 style="clear:right">Android in text</h4>
17+
18+
<div style="float:right;clear:right;width:200px;margin:0 0 20px 30px">
19+
<img alt="" src="{@docRoot}images/brand/mediaplayer.png">
2620
</div>
27-
<div>
28-
29-
<div style="clear:both">
30-
<div style="float:right;width:50%;padding:1.5em;">
31-
<img alt="" src="{@docRoot}images/brand/logo_android.gif">
21+
<ul>
22+
<li>Android&trade; should have a trademark symbol the first time it appears in a creative.</li>
23+
<li>Android should always be capitalized and is never plural or possessive.</li>
24+
<li>"Android" by itself cannot be used in the name of an application name or accessory product.
25+
Instead use "for Android."
26+
<ul>
27+
<li><span style="color:red">Incorrect</span>: "Android MediaPlayer"</li>
28+
<li><span style="color:green">Correct</span>: "MediaPlayer for Android"</li>
29+
</ul>
30+
<p>If used with your logo, "for Android" needs to be smaller in size than your logo.
31+
First instance of this use should be followed by a TM symbol, "for Android&trade;".</p>
32+
</li>
33+
<li>Android may be used as a descriptor, as long as it is followed by a proper generic term.
34+
<ul>
35+
<li><span style="color:red">Incorrect</span>: "Android MediaPlayer" or "Android XYZ app"</li>
36+
<li><span style="color:green">Correct</span>: "Android features" or "Android applications"</li>
37+
</ul>
38+
</li>
39+
</ul>
40+
41+
<p>Any use of the Android name needs to include this
42+
attribution in your communication:</p>
43+
<blockquote><em>Android is a trademark of Google Inc.</em></blockquote></p>
44+
45+
46+
<h4>Android robot</h4>
47+
48+
<div style="float:right;width:200px;margin-left:30px">
49+
<img alt="" src="{@docRoot}images/brand/Android_Robot_100.png"
50+
style="margin-left:50px">
51+
<p style="text-align:center">
52+
<a href="{@docRoot}images/brand/Android_Robot_100.png">100x118</a> |
53+
<a href="{@docRoot}images/brand/Android_Robot_200.png">200x237</a><br>
54+
<a href="{@docRoot}images/brand/Android_Robot_outlined.ai">Illustrator (.ai)</a></p>
3255
</div>
3356

34-
<div style="width:45%;">
35-
<h4>02/ Android Logo</h4>
57+
<p>The Android robot can be used, reproduced, and modified freely in marketing
58+
communications. The color value for print is PMS 376C and the online hex
59+
color is <span style="color:#A4C639">#A4C639</span>.</p>
3660

37-
<p>The Android logo may not be used.</p>
38-
</div>
39-
<div>
61+
<p>When using the Android Robot or any modification of it, proper attribution is
62+
required under the terms of the <a href="http://creativecommons.org/licenses/by/3.0/">Creative
63+
Commons Attribution</a> license:</p>
64+
65+
<blockquote><em>The Android robot is reproduced or modified from work created and shared by Google and
66+
used according to terms described in the Creative Commons 3.0 Attribution License.</em></blockquote>
67+
68+
<p>You may not file trademark applications incorporating the Android robot logo or
69+
derivatives thereof. We want to ensure that the Android robot remains available
70+
for all to use.</p>
4071

41-
<div style="clear:both">
42-
<div style="float:right;width:50%;padding:1.5em;">
43-
<img alt="" src="{@docRoot}images/brand/norad.gif">
44-
</div>
4572

46-
<div style="width:45%;">
47-
<h4>03/ Android Custom Typeface</h4>
73+
<h4 style="clear:right">Android logo</h4>
4874

49-
<p>The custom typeface may not be used.</p>
50-
</div>
51-
<div>
75+
<div style="float:right;width:210px;margin-left:30px;margin-top:-10px">
76+
<img alt="" src="{@docRoot}images/brand/android_logo_no.png">
77+
</div>
5278

53-
<div style="clear:both">
54-
<div style="float:right;width:50%;padding:1.5em;">
55-
<img alt="" src="{@docRoot}images/brand/mediaplayer.gif">
56-
</div>
79+
<p>The Android logo may not be used. Nor can this be used with the Android robot.</p>
80+
<p>The custom typeface may not be used.</p>
5781

58-
<div style="width:45%;">
59-
<h4>04/ Android in Official Names</h4>
60-
<p>Any name with 'Android' alone may not be used in a name without permission. Any name
61-
with 'Droid' alone may not be used in a name.</p>
62-
63-
<p>The word 'Android' may be used only as a descriptor, 'for Android'. If used with your
64-
logo, 'for Android' needs to be smaller in size than your logo. First instance of this
65-
use should be followed by a TM symbol, 'for Android™'.</p>
66-
67-
<p>If you are not sure you meet these criteria, <a href=
68-
"http://services.google.com/permissions/application">please contact us</a>. </p>
69-
</div>
70-
<div>
7182

72-
<div style="clear:both">
73-
<div style="float:right;width:50%;padding:1.5em;">
74-
<img alt="" src="{@docRoot}images/brand/learnmore.gif">
75-
</div>
7683

77-
<div style="width:45%;">
78-
<h4>05/ Android in Messaging</h4>
79-
<p>
80-
May be used in text as a descriptor, as long as it is followed by a proper generic term
81-
(e.g. "Android™ application"). First instance of this use should be followed by a TM
82-
symbol.
83-
</p>
84-
</div>
85-
<div>
86-
<p class="caution"><strong>Note: Any usage of #04 or #05 needs to include footer attribution in your
87-
communication:</strong><br /><span style="margin-left:1.5em">
88-
"Android is a trademark of Google Inc."</span>
89-
</p>
9084

85+
<h2 id="brand-google_play">Google Play</h2>
9186

92-
<h2 id="brand-google_play">Google Play Brand</h2>
9387

94-
<img alt="" src="http://www.android.com/images/brand/google_play_logo_450.png"
95-
style="float:right;">
96-
97-
<img alt="Android app on Google Play badge, large"
98-
src="{@docRoot}images/brand/en_app_rgb_wo_60.png"
99-
style="float:right;clear:right;">
88+
<p>The following are guidelines for the Google Play brand
89+
and related assets.</p>
90+
91+
<h4>Google Play in text</h4>
10092

101-
<img alt="Android app on Google Play badge, small"
102-
src="{@docRoot}images/brand/en_app_rgb_wo_45.png"
103-
style="float:right;margin:0 30px 30px">
93+
<p>Always include a TM symbol on the first or most prominent instance of Google Play&trade;
94+
in text.</p>
10495

105-
<img alt="Get it on Google Play badge, large"
106-
src="{@docRoot}images/brand/en_generic_rgb_wo_60.png"
107-
style="float:right;clear:right;">
96+
<p>When referring to the mobile experience, use "Google Play" unless the text is clearly
97+
instructional for the user. For example, a marketing headline might read "Download our
98+
games on Google Play&trade;," but instructional text woud read "Download our games using the Google
99+
Play&trade; Store app."
100+
101+
<p>Any use of the Google Play name or icon needs to include this
102+
attribution in your communication:</p>
103+
104+
<blockquote><em>Google Play is a trademark of Google Inc.</em></blockquote>
105+
106+
107+
<div style="float:right;width:96px;margin-left:30px;margin-top:-20px">
108+
<img src="{@docRoot}images/brand/Google_Play_Store_96.png" alt="">
109+
<p style="text-align:center">
110+
<a href="{@docRoot}images/brand/Google_Play_Store_48.png">48x48</a> |
111+
<a href="{@docRoot}images/brand/Google_Play_Store_96.png">96x96</a><br>
112+
<a href="{@docRoot}images/brand/Google_Play_Store.ai">Illustrator (.ai)</a>
113+
</p>
114+
</div>
115+
116+
<h4>Google Play Store icon</h4>
117+
118+
<p>You may use the Google Play Store icon, but you may not modify it.</p>
119+
120+
<p>When labeling or referring to the icon, the name can be either the full app
121+
name, Google Play Store, or the app display name, Play Store.</p>
108122

109-
<img alt="Get it on Google Play badge, small"
110-
src="{@docRoot}images/brand/en_generic_rgb_wo_45.png"
111-
style="float:right;margin:0 30px 30px;">
112123

113-
<h4>06/ <em>Get it on Google Play</em> Badge
114-
</h4>
115-
<p>
116-
The "Get it on Google Play" and "Android App on Google Play" logos are badges that you
117-
can use on your web site and promotional materials, to point to your products on Google
118-
Play.
119-
</p>
120-
<p>
121-
Guidelines for usage:
122-
</p>
123-
<ul>
124-
<li>Do not modify the color, proportions, spacing or any other aspect of the badge image.
125-
</li>
126-
<li>When used alongside logos for other application marketplaces, the Google Play logo
127-
should be of equal or greater size.</li>
128-
<li>When used online, the badge should link to either:
129-
<ul>
130-
<li>A list of products published by you, for example:<br />
131-
<span style="margin-left:1em;">http://play.google.com/store/search?q=<em>publisherName</em></span>
132-
</li>
133-
<li>A specific app product details page within Google Play, for example:<br />
134-
<span style="margin-left:1em;">http://play.google.com/store/apps/details?id=<em>packageName</em></span>
135-
</li>
136-
</ul>
137-
</li>
124+
<h4>Google Play badge</h4>
125+
126+
<div style="float:right;clear:right;width:172px;margin-left:30px">
127+
<img src="{@docRoot}images/brand/en_app_rgb_wo_60.png" alt="">
128+
<p style="text-align:center">
129+
<a href="{@docRoot}images/brand/en_app_rgb_wo_45.png">129x45</a> |
130+
<a href="{@docRoot}images/brand/en_app_rgb_wo_60.png">172x60</a><br>
131+
<a href="{@docRoot}images/brand/en_app_rgb_wo.ai">Illustrator (.ai)</a></p>
132+
</div>
133+
134+
<div style="float:right;clear:right;width:172px;margin-left:30px">
135+
<img src="{@docRoot}images/brand/en_generic_rgb_wo_60.png" alt="">
136+
<p style="text-align:center">
137+
<a href="{@docRoot}images/brand/en_generic_rgb_wo_45.png">129x45</a> |
138+
<a href="{@docRoot}images/brand/en_generic_rgb_wo_60.png">172x60</a><br>
139+
<a href="{@docRoot}images/brand/en_generic_rgb_wo.ai">Illustrator (.ai)</a></p>
140+
</div>
141+
142+
<p>The "Get it on Google Play" and "Android App on Google Play" logos are badges that you
143+
can use on your web site and promotional materials, to point to your products on Google
144+
Play.</p>
145+
146+
<ul>
147+
<li>Do not modify the color, proportions, spacing or any other aspect of the badge image.
148+
</li>
149+
<li>When used alongside logos for other application marketplaces, the Google Play logo
150+
should be of equal or greater size.</li>
151+
<li>When used online, the badge should link to either:
152+
<ul>
153+
<li>A list of products published by you, for example:<br />
154+
<span style="margin-left:1em;">http://play.google.com/store/search?q=<em>publisherName</em></span>
155+
</li>
156+
<li>A specific app product details page within Google Play, for example:<br />
157+
<span style="margin-left:1em;">http://play.google.com/store/apps/details?id=<em>packageName</em></span>
158+
</li>
159+
</ul>
160+
</li>
138161
</ul>
139162

140-
<p>For your convenience, you can use the
141-
<a href="{@docRoot}distribute/googleplay/promote/badges.html">Googe Play badge generator</a>
142-
to create badges that link to your apps on Google Play.</p>
143-
144-
<p>For details on all the ways that you can link to your product details page in Google Play,
145-
see <a href="{@docRoot}distribute/googleplay/promote/linking.html">Linking to your products</a></p>
146-
147-
<h2>Other Brands</h2>
163+
<p>For your convenience, you can use the
164+
<a href="{@docRoot}distribute/googleplay/promote/badges.html">Googe Play badge generator</a>
165+
to create badges that link to your apps on Google Play.</p>
166+
167+
<p>For details on all the ways that you can link to your product details page in Google Play,
168+
see <a href="{@docRoot}distribute/googleplay/promote/linking.html">Linking to your products</a></p>
148169

149-
<p>Any other brands or icons depicted on this site are <em>not</em> are the property of their
150-
respective owners and usage is reserved. You must seek the developer for appropriate permission to use them.</p>
151170

171+
<p>If you are not sure you meet these criteria, <a href=
172+
"http://services.google.com/permissions/application">please contact us</a>. </p>

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ page.title=Linking to Your Products
55
<div class="sidebox">
66
<a href="badges.html">
77
<img alt="Get it on Google Play"
8-
src="http://www.android.com/images/brand/get_it_on_play_logo_small.png" />
8+
src="{@docRoot}en_app_rgb_wo_45.png" />
99
</a>
1010
<p>For a link that includes the Google Play brand icon, check out the <a href="badges.html">Badges</a> page. </p>
1111
</div>

‎docs/html/images/brand/Android_Robot_100.png‎

3.98 KB
Loading

‎docs/html/images/brand/Android_Robot_200.png‎

8.09 KB
Loading

‎docs/html/images/brand/Android_Robot_500.png‎

21.5 KB
Loading

0 commit comments

Comments
 (0)