スタイル

Amebaらしさの視覚的表現の基調となるカラーパレットです。

Amebaが提供するデジタルコンテンツの中で使用される、RGB色空間に最適化されたカラーパレットです。

ブランドカラーから主要な色相を展開したデザイントークンです。

Primitive Colorsで定義したカラーをUIで使えるように組み合わせを定義したデザイントークンです。

Amebaらしさと、読みやすさ、認識しやすさを意識した書体です。

Amebaが提供するデジタルコンテンツの中で使用される、UI上での読みやすさを考慮した書体選びや表現について定義しています。

Amebaらしいアイコンとしてのコンセプトや原則について定義しています。

原則に従って作成されたアイコンの一覧です。

アイコンの利用方法についての案内です。

Ameba Illustrationの構造を説明します。

Ameba Illustrationを利用する上でのレギュレーションです。

EasingとDurationの変数のパターンを定義して、それの組合わせをAnimation Typeとしてパッケージングして、それをComponent側に代入し利用します。

Animation Tokenのバリエーションと、どの動きに対してどのアニメーションを適用するかの一覧です。