1 page.title=Downloads 2 @jd:body 3 4 <div class="layout-content-row"> 5 <div class="layout-content-col span-9"> 6 7 <p>Want everything? We've bundled all the downloads available on Android Design, except for the 8 <a href="#roboto">Roboto</a> font family, into a single ZIP file. You can also download 9 individual files listed below.</p> 10 11 <p>You may use these materials without restriction in your apps and to develop your apps.</p> 12 13 </div> 14 <div class="layout-content-col span-4"> 15 16 <p> 17 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'All Design Assets']);" 18 href="{@docRoot}downloads/design/Android_Design_Downloads_20130814.zip">Download All</a> 19 </p> 20 21 </div> 22 </div> 23 24 <h2 id="stencils">Stencils and Sources</h2> 25 26 <div class="layout-content-row"> 27 <div class="layout-content-col span-5"> 28 29 <p>Drag and drop your way to beautifully designed Ice Cream Sandwich apps. The stencils feature the 30 rich typography, colors, interactive controls, and icons found throughout Android 4.0, along with 31 phone and tablet outlines to frame your creations. Source files for icons and controls are also 32 available.</p> 33 34 </div> 35 <div class="layout-content-col span-4"> 36 37 <img src="{@docRoot}design/media/downloads_stencils.png"> 38 39 </div> 40 <div class="layout-content-col span-4"> 41 42 <p> 43 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Fireworks Stencil']);" 44 href="{@docRoot}downloads/design/Android_Design_Fireworks_Stencil_20120814.png">Adobe® Fireworks® PNG Stencil</a> 45 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Illustrator Stencil']);" 46 href="{@docRoot}downloads/design/Android_Design_Illustrator_Vectors_20120814.ai">Adobe® Illustrator® Stencil</a> 47 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'OmniGraffle Stencil']);" 48 href="{@docRoot}downloads/design/Android_Design_OmniGraffle_Stencil_20120814.graffle">Omni® OmniGraffle® Stencil</a> 49 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Photoshop Sources']);" 50 href="{@docRoot}downloads/design/Android_Design_Holo_Widgets_20120814.zip">Adobe® Photoshop® Sources</a> 51 </p> 52 53 </div> 54 </div> 55 56 <h2 id="action-bar-icon-pack">Action Bar Icon Pack</h2> 57 58 <div class="layout-content-row"> 59 <div class="layout-content-col span-5"> 60 61 <p>Action bar icons are graphic buttons that represent the most important actions people can take 62 within your app. <a href="{@docRoot}design/style/iconography.html">More on Action Bar Iconography</a></p> 63 <p>The download package includes icons that are scaled for various screen densities and suitable for 64 use with the Holo Light and Holo Dark themes. The package also includes unstyled icons that you can 65 modify to match your theme, plus source files.</p> 66 67 </div> 68 <div class="layout-content-col span-4"> 69 70 <img src="{@docRoot}design/media/iconography_actionbar_style.png"> 71 72 </div> 73 <div class="layout-content-col span-4"> 74 75 <p> 76 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Action Bar Icons']);" 77 href="{@docRoot}downloads/design/Android_Design_Icons_20130926.zip">Action Bar Icon Pack</a> 78 </p> 79 80 </div> 81 </div> 82 83 <h2 id="style">Style</h2> 84 85 <div class="layout-content-row"> 86 <div class="layout-content-col span-5"> 87 88 <h4 id="roboto">Roboto</h4> 89 <p>Ice Cream Sandwich introduced a new type family named Roboto, created specifically for the 90 requirements of UI and high-resolution screens.</p> 91 <p><a href="{@docRoot}design/style/typography.html">More on Roboto</a></p> 92 <p><a href="http://www.google.com/fonts/specimen/Roboto" class="external-link">Roboto on Google Fonts</a></p> 93 <p><a href="http://www.google.com/fonts/specimen/Roboto+Condensed" class="external-link">Roboto Condensed on Google Fonts</a></p> 94 95 </div> 96 <div class="layout-content-col span-4"> 97 98 <img src="{@docRoot}design/media/downloads_roboto_specimen_preview.png"> 99 100 </div> 101 <div class="layout-content-col span-4"> 102 103 <p> 104 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto ZIP']);" 105 href="{@docRoot}downloads/design/roboto-1.2.zip">Roboto</a> 106 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto Specemin Book']);" 107 href="{@docRoot}downloads/design/Roboto_Specimen_Book_20131031.pdf">Specimen Book</a> 108 </p> 109 110 </div> 111 </div> 112 113 <div class="layout-content-row"> 114 <div class="layout-content-col span-5"> 115 116 <h4>Color</h4> 117 <p>Blue is the standard accent color in Android's color palette. Each color has a corresponding darker 118 shade that can be used as a complement when needed.</p> 119 <p><a href="{@docRoot}design/style/color.html">More on Color</a></p> 120 121 </div> 122 <div class="layout-content-col span-4"> 123 124 <img src="{@docRoot}design/media/downloads_color_swatches.png"> 125 126 </div> 127 <div class="layout-content-col span-4"> 128 129 <p> 130 <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Color Swatches']);" 131 href="{@docRoot}downloads/design/Android_Design_Color_Swatches_20120229.zip">Color Swatches</a> 132 </p> 133 134 </div> 135 </div> 136
