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

Automate 77% of support tickets with enterprise-grade accuracy, security, and human handoff.

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#0d0d0d
Color #1#0d0d0d
Color #2#6b6b6b
Color #3#ffffff
Color #4oklch(0.205 0 0)
Color #5oklch(0.556 0 0)

タイポグラフィ

要素FontSizeWeightLineTracking
h1 radioGrotesk 48px 300 52.8px -0.72px
h2 radioGrotesk 24px 300 32px -0.36px
h3 radioGrotesk 18px 500 28px normal
本文 radioGrotesk 12px 500 16px 1.2px
リンク radioGrotesk 14px 500 20px normal
ボタン radioGrotesk 14px 400 20px normal

使用フォント頻度

radioGrotesk451箇所

スケール・形状

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

関連サイト