docs/html/design/downloads/index.jd

page.title=Downloads
page tags="Icons", "stencils", "color swatches"
@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_20131106.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 Android apps. The stencils feature the
rich typography, colors, interactive controls, and icons found throughout Android, 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&reg; Fireworks&reg; 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&reg; Illustrator&reg; 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&reg; OmniGraffle&reg; Stencil</a>-->
  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Photoshop Sources']);"
    href="{@docRoot}downloads/design/Android_Design_Stencils_Sources_20131106.zip">Adobe&reg; Photoshop&reg; Stencils and 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_20131106.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="{@docRoot}downloads/design/roboto-1.2.zip">Roboto</a>
  <a class="download-button"  onClick="_gaq.push(['_trackEvent', 'Design', 'Download', 'Roboto Specemin Book']);"
    href="{@docRoot}downloads/design/Roboto_Specimen_Book_20131031.pdf">Specimen Book</a>
</p>

  </div>
</div>

<div class="layout-content-row">
  <div class="layout-content-col span-5">

<h4>Color</h4>
<p>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>