スタイル
Styles
スタイルは、Amebaらしさを視覚的に伝えるために必要な要素です。読みやすさを考えたカラーやタイポグラフィのリソースや、どのように使うかのガイドを掲載しています。
カラー
Color
Amebaの伝統的な緑を基調としたカラーを定義しています。UIに利用されるカラーにはWCAG2.1の達成基準1.4.3に基づき、十分なコントラスト比を担保するように設計されています。
タイポグラフィ
Typography
Amebaらしさを言葉で伝えるために、その感情の下地となるタイポグラフィの定義をしています。
アイコン
Iconography
有機的意匠とシステム的な役割を融合させたAmebaらしいアイコンとして、ブランドタイポグラフィで使用されているAmeba Sansに着想を得て設計しています。
イラストレーション
Illustration
誰でもAmebaらしいイラストが作成できるように構造がシステム化されています。