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

Design Tokens(DOM解析データ)

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

カラーロール

Backgroundoklch(0.16 0.00284 27)
Textoklch(0.945 0.00284 27)
Color #1oklch(0.945 0.00284 27)
Color #2#111111
Color #3#ededed
Color #4#a9a9a9
Color #5#444444

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Poly Sans 80px 500 76.8px -2.48px
h2 Poly Sans 34px 300 36.72px -0.5px
本文 Poly Sans 22px 400 29.04px -0.682px
リンク Poly Sans 14px 400 21px 0.256px
ボタン Poly Sans 14px 400 21px normal

使用フォント頻度

Poly Sans377箇所 Poly Sans Mono18箇所

スケール・形状

角丸スケール
8px / 0px 0px 12.8px 12.8px / 6px / 32px / 16px / 999px / 12px / 0px 0px 14px 14px
シャドウ
5パターン使用
セクション余白(pt/pb)
88-24px / 56-0px / 0-32px / 56-56px / 56-56px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 103px / position: sticky

関連サイト