Firefoxのモバイル向けOSで使われているリソースがMozillaより配布されていましたので備忘録。実装コードではなく、PSDやフォントのみになります。

モバイル向けに開発/公開されていたFirefox OSですが、このOSで使われているアイコンやフォント等のリソースが無償配布されていましたのでいくつかご紹介。

ダウンロードボタンはそれぞれのリンク先下部にあります。

Firefox OS Color Palette


カラーパレットです。メインとして使われている色やグラデーションなど。こちらはPSのスウォッチが配布されています。

Firefox OS Color Palette

Firefox OS Typeface


Fira Sansという名で配布されているオープンソースフォントです。Webフォントもあるみたいですね。テキストスタイルや使用サンプル、どのように使用されているか等も。

Firefox OS Typeface

Firefox OS App Headers


ヘッダ部分はPSDファイルとして公開されています。ユーザーのアクションによって使い分けているようで、その辺も解説されていました。

Firefox OS App Headers

Firefox OS Lists


リストいろいろ。ベーシックなものや音楽リスト、アラート、セッティング項目など。こちらもPSDがリソースとして配布されています。

Firefox OS Lists

Firefox OS App Buttons


ボタンスタイル。各種用意されています。

Firefox OS App Buttons

Firefox OS Action Icons


アイコン。配色や設計の原則、各アイコンの詳細、使用例など。こちらはPSDとPNGが用意されています。(PNGはFireworksで開いてもレイヤーで分けられていません)

Firefox OS Action Icons

Firefox OS app icons


アプリアイコンのスタイルを解説してくれています。こちらもPNGとPSD。

Firefox OS app icons

他にもいくつかありますが、冗長になるので割愛します。今後、Firefox OSがどう扱われるかも含めて注目したいところです。