Flavors

ペパボの展開するマルチブランドごとに上書き可能なデザイントークン

Color Primitive colorとSemantic colorを中心にしたカラーパレットおよびデザイントークンを展開しています。

Elevation 影によってZ軸の高さや要素の重なりを表現するため、0から6までの7段階のElevationを定義しています。

Icon Material design iconsのグリッドとルールに沿って制作することを想定しています。

Sizing 要素どうしの間隔やボタンの高さ、角丸の半径など、あらゆるサイズをタイポグラフィから決めています。

Typography バーティカルリズムを揃えるために3種類の行間と文字サイズに応じた行間の値を計算するツールを公開しています。