スタイル

Styles

Amebaのブランドフォント、Ameba Sansにあわせたアイコンの形状を表現しているイメージ。

スタイルは、Amebaらしさを視覚的に伝えるために必要な要素です。読みやすさを考えたカラーやタイポグラフィのリソースや、どのように使うかのガイドを掲載しています。

カラー

Color

Amebaの伝統的な緑を基調としたカラーを定義しています。UIに利用されるカラーにはWCAG2.1の達成基準1.4.3に基づき、十分なコントラスト比を担保するように設計されています。

タイポグラフィ

Typography

Amebaらしさを言葉で伝えるために、その感情の下地となるタイポグラフィの定義をしています。

アイコン

Iconography

有機的意匠とシステム的な役割を融合させたAmebaらしいアイコンとして、ブランドタイポグラフィで使用されているAmeba Sansに着想を得て設計しています。

イラストレーション

Illustration

誰でもAmebaらしいイラストが作成できるように構造がシステム化されています。