Bezel PC表示
Bezel タブレット表示
Bezel スマホ表示

Generate content tailored to your customers

Design Tokens(DOM解析データ)

このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。

カラーロール

Background#fdfbf7
Text#2d2a26
Color #1#2d2a26
Color #2#5d5a56
Color #3#9ca3af
Color #4#fdfbf7
Color #5#a65d57

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Inter 96px 400 105.6px -2.88px
h2 Inter 48px 400 48px -1.44px
h3 Inter 30px 400 36px -0.9px
本文 Inter 24px 300 39px -0.16px
リンク Inter 16px 400 24px -0.16px
ボタン Inter 14px 500 20px -0.16px

使用フォント頻度

Inter217箇所

スケール・形状

角丸スケール
3.35544e+07px / 48px / 40px / 32px / 24px / 16px / 8px
シャドウ
5パターン使用
セクション余白(pt/pb)
128-80px / 128-128px / 128-128px / 128-128px / 128-128px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 73px / position: fixed

関連サイト