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

TesterArmy runs real tests against your site or mobile app. Get screenshots, recordings, and bug reports - no test scripts to maintain.

Design Tokens(DOM解析データ)

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

カラーロール

Background#161616
Text#201f24
Color #1#f9f8f7
Color #2#161616
Color #3#cecece
Color #4#ffffff
Color #5#58554c

タイポグラフィ

要素FontSizeWeightLineTracking
h1 stackSansNotch 60px 500 68px normal
h2 stackSansNotch 44px 400 52px normal
h3 inter 24px 500 28px -0.8px
本文 inter 16px 400 24px normal
リンク inter 16px 400 24px normal
ボタン dmMono 14px 500 16px 0.98px

使用フォント頻度

inter315箇所 dmMono54箇所 stackSansNotch7箇所 Geist1箇所

スケール・形状

角丸スケール
10px / 14px / 8px / 12px / 6px
シャドウ
1パターン使用
セクション余白(pt/pb)
60-80px / 0-80px / 96-96px / 80-80px / 80-80px
コンテナ幅
width: 1440px / max-width: 1512px
ナビゲーション
高さ 101px / position: static

関連サイト