| page.title=Downloads |
| @jd:body |
| |
| <div class="layout-content-row"> |
| <div class="layout-content-col span-9"> |
| |
| <p>Want everything? We've bundled all the downloads available on Android Design, except for the |
| <a href="#roboto">Roboto</a> font family, into a single ZIP file. You can also download |
| individual files listed below.</p> |
| |
| <p>You may use these materials without restriction in your apps and to develop your apps.</p> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <p> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'All Design Assets']);" |
| href="{@docRoot}downloads/design/Android_Design_Downloads_20130814.zip">Download All</a> |
| </p> |
| |
| </div> |
| </div> |
| |
| <h2 id="stencils">Stencils and Sources</h2> |
| |
| <div class="layout-content-row"> |
| <div class="layout-content-col span-5"> |
| |
| <p>Drag and drop your way to beautifully designed Ice Cream Sandwich apps. The stencils feature the |
| rich typography, colors, interactive controls, and icons found throughout Android 4.0, along with |
| phone and tablet outlines to frame your creations. Source files for icons and controls are also |
| available.</p> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <img src="{@docRoot}design/media/downloads_stencils.png"> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <p> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Fireworks Stencil']);" |
| href="{@docRoot}downloads/design/Android_Design_Fireworks_Stencil_20120814.png">Adobe® Fireworks® PNG Stencil</a> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Illustrator Stencil']);" |
| href="{@docRoot}downloads/design/Android_Design_Illustrator_Vectors_20120814.ai">Adobe® Illustrator® Stencil</a> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'OmniGraffle Stencil']);" |
| href="{@docRoot}downloads/design/Android_Design_OmniGraffle_Stencil_20120814.graffle">Omni® OmniGraffle® Stencil</a> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Photoshop Sources']);" |
| href="{@docRoot}downloads/design/Android_Design_Holo_Widgets_20120814.zip">Adobe® Photoshop® Sources</a> |
| </p> |
| |
| </div> |
| </div> |
| |
| <h2 id="action-bar-icon-pack">Action Bar Icon Pack</h2> |
| |
| <div class="layout-content-row"> |
| <div class="layout-content-col span-5"> |
| |
| <p>Action bar icons are graphic buttons that represent the most important actions people can take |
| within your app. <a href="{@docRoot}design/style/iconography.html">More on Action Bar Iconography</a></p> |
| <p>The download package includes icons that are scaled for various screen densities and suitable for |
| use with the Holo Light and Holo Dark themes. The package also includes unstyled icons that you can |
| modify to match your theme, plus source files.</p> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <img src="{@docRoot}design/media/iconography_actionbar_style.png"> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <p> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Action Bar Icons']);" |
| href="{@docRoot}downloads/design/Android_Design_Icons_20120814.zip">Action Bar Icon Pack</a> |
| </p> |
| |
| </div> |
| </div> |
| |
| <h2 id="style">Style</h2> |
| |
| <div class="layout-content-row"> |
| <div class="layout-content-col span-5"> |
| |
| <h4 id="roboto">Roboto</h4> |
| <p>Ice Cream Sandwich introduced a new type family named Roboto, created specifically for the |
| requirements of UI and high-resolution screens.</p> |
| <p><a href="{@docRoot}design/style/typography.html">More on Roboto</a></p> |
| <p><a href="http://www.google.com/fonts/specimen/Roboto" class="external-link">Roboto on Google Fonts</a></p> |
| <p><a href="http://www.google.com/fonts/specimen/Roboto+Condensed" class="external-link">Roboto Condensed on Google Fonts</a></p> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <img src="{@docRoot}design/media/downloads_roboto_specimen_preview.png"> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <p> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto ZIP']);" |
| href="https://github.com/google/roboto/archive/latest-hinted.zip">Roboto</a> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto Specemin Book']);" |
| href="{@docRoot}downloads/design/Roboto_Specimen_Book_20111129.pdf">Specimen Book</a> |
| </p> |
| |
| </div> |
| </div> |
| |
| <div class="layout-content-row"> |
| <div class="layout-content-col span-5"> |
| |
| <h4>Color</h4> |
| <p>Blue is the standard accent color in Android's color palette. Each color has a corresponding darker |
| shade that can be used as a complement when needed.</p> |
| <p><a href="{@docRoot}design/style/color.html">More on Color</a></p> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <img src="{@docRoot}design/media/downloads_color_swatches.png"> |
| |
| </div> |
| <div class="layout-content-col span-4"> |
| |
| <p> |
| <a class="download-button" onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Color Swatches']);" |
| href="{@docRoot}downloads/design/Android_Design_Color_Swatches_20120229.zip">Color Swatches</a> |
| </p> |
| |
| </div> |
| </div> |