MOFTONE

Site

• https://mixtone.qranoko.jp/moftone/

About

Material Design Color をベースに、もふもふな優しい色を生成しました。「マテリアルデザインをそのまま使うとドぎつすぎるなー」と思ったときに参照する使い方を想定しています。

How To Use

デザインツールで使う場合

• ツールに合わせて dist/swatches のスウォッチファイルを使用
• NSColorList 形式のスウォッチは Mac のさまざまなソフトウェアで共有利用が可能

コーディングで使う場合

• CSS > デモサイトの色コードを直接コピー
• SCSS > /src/scss/tone/_moftone.scss を変数ファイルとして include
• Stylus > /src/stylus/tone/_moftone.styl を変数ファイルとして include

npm で _moftone.scss や _moftone.styl をインストールして使えます。

$ npm install moftone

Reference

• The color system - Material Design

License

• CC0 1.0 Public Domain

Credit

• Author: Qrac
• Organization: QRANOKO