Design asset library

  • Revision slug: Mozilla/Firefox_OS/UX/Design_asset_library
  • Revision title: Design asset library
  • Revision id: 358595
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment

Revision Content

Here you'll find design assets, artwork, and other materials that will be helpful as you design your Web app. The majority of the files here are Photoshop files.

Design asset library

  • Visual design assets, including building blocks, templates, wallpapers and more, are available for download from our asset library.

Common controls

Colors

Icons

See also

Revision Source

<p>Here you'll find design assets, artwork, and other materials that will be helpful as you design your Web app. The majority of the files here are Photoshop files.</p>
<h2 id="Design_asset_library">Design asset library</h2>
<ul>
  <li>Visual design assets, including building blocks, templates, wallpapers and more, are available for download from our <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/">asset library</a>.</li>
</ul>
<h2 id="Common_controls">Common controls</h2>
<ul>
  <li><a href="https://www.dropbox.com/s/cl6k25oj2674iq0/CommonControls_20130212.psd">Common controls</a></li>
  <li><a href="https://www.dropbox.com/s/sx1todym0l8c87c/IconsMedia_20130215.psd">Media Icons</a></li>
  <li><a href="https://www.dropbox.com/s/ch9pmsvfta6ojst/IconsCommunications_20130122.psd">Communication icons</a></li>
  <li><a href="https://mdn.mozillademos.org/files/4657/IconsPrimaryAction_20130122.psd">Primary action icons</a></li>
  <li><a href="https://www.dropbox.com/s/f47onji51tyxgnf/IconsSettings_20130122.psd">Settings icons</a></li>
  <li><a href="https://www.dropbox.com/s/p31ni7se6jvgk7n/IconsStatusBar_20130122.psd">Status bar icons</a></li>
</ul>
<h2 id="Colors">Colors</h2>
<ul>
  <li>The Firefox OS color palette is included in the <a href="https://www.dropbox.com/s/cl6k25oj2674iq0/CommonControls_20130212.psd">common controls PSD file</a></li>
</ul>
<h2 id="Icons">Icons</h2>
<ul>
  <li><a href="http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/">App icon guidelines and templates</a></li>
</ul>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Firefox OS user experience</a></li>
</ul>
Revert to this revision