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

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#171717
Color #1#ffffff
Color #2#171717
Color #3#000000
Color #4#ff0000
Color #5#ffffff66

タイポグラフィ

要素FontSizeWeightLineTracking
h1 geistXrealDiatype 40px 500 48px -1.2px
h2 geistXrealDiatype 40px 500 48px normal
本文 geistXrealDiatype 18px 400 21.6px normal
リンク geistXrealDiatype 14px 500 16.8px -0.28px
ボタン geistXrealDiatype 16px 400 19.2px normal

使用フォント頻度

geistXrealDiatype394箇所 geistMono6箇所

スケール・形状

角丸スケール
20px / 10px / 0px 0px 40px 40px / 16px / 999px / 3.35544e+07px / 12px / 32px
シャドウ
1パターン使用
コンテナ幅
width: 1440px / max-width: none

関連サイト