スタイル

Styles

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

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

カラー

Color

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

タイポグラフィ

Typography

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

アイコン

Iconography

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