サイトを開く
株式会社メルカリは「あらゆる価値を循環させ、あらゆる人の可能性を広げる」のグループミッションのもと、テクノロジーの力で世界中の人々をつなぎ、あらゆる人の可能性が発揮される世界を実現していきます。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#222222Color #2
#333333Color #3
#999999Color #4
#ff0211Color #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Avenir-Black |
30px | 700 | 46px | normal |
| h2 | Avenir-Black |
26px | 700 | 42px | normal |
| h3 | Avenir-Black |
22px | 700 | 38px | normal |
| 本文 | Avenir-Black |
14px | 700 | 16.1px | normal |
| リンク | Avenir-Black |
22px | 700 | 38px | normal |
使用フォント頻度
sans-serif387箇所
Avenir-Roman215箇所
Avenir-Black143箇所
MercariSans-Regular51箇所
MercariSans-Bold4箇所
スケール・形状
- 角丸スケール
- 50% / 4px / 10px / 34px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 160-0px / 160-0px / 160-0px / 160-0px / 200-0px
- コンテナ幅
- width: 697px / max-width: none
- ナビゲーション
- 高さ 900px / position: static
