UI上での読みやすさを考慮した、フォントファミリーやフォントサイズについて定義しています。このページでは、LIPS タイポグラフィの一部をご紹介します。
iOS,Androidは、ロゴと相性の良い「Hiragino Sans」を使用しています。Webは、フォントダウンロード時に発生するレイアウトのずれを抑制し、視覚的に安定したUXを提供するために「system-ui」を使用しています。
可読性を考慮し、UI上でのフォントサイズは12px以上とします。なお、あしらいなどの読ませない文字については、最低フォントサイズを下回っても許容とします。
トークン名 | Size | Weight |
---|---|---|
Heading_3xl | 40px | 600 |
Heading_2xl | 32px | 600 |
Regular_3xl | 24px | 400 |
Regular_2xl | 20px | 400 |
Medium_3xl | 24px | 500 |
Medium_2xl | 20px | 500 |
Strong_3xl | 24px | 600 |
Strong_2xl | 20px | 600 |
※webでユーザーをフォローするには会員登録が必要です
※webで投稿にいいね、保存するには会員登録が必要です
※webで商品を保存するには会員登録が必要です
※webでバリエーションを保存するには会員登録が必要です
※キャンペーンへの参加はアプリからのみとなっています