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