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

WOZCODE is the highest performing AI coding plugin for Claude Code. 80% on TerminalBench 2.0, 5–10× faster, 25–50% cheaper. Install with no signup required.

Design Tokens(DOM解析データ)

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

カラーロール

Background#080c0b
Text#fdfaf5
Color #1#fdfaf5
Color #2#93e849
Color #3#9a9793
Color #4#8a8783
Color #5#d4622a

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Saira 72px 800 75.6px -1.44px
h2 Saira 41.6px 800 47.84px -0.832px
h3 Saira 20px 700 normal normal
本文 Saira 20.8px 400 31.2px -0.104px
リンク Saira 16px 400 normal normal
ボタン Arial 13.3333px 400 normal normal

使用フォント頻度

Saira795箇所 Georgia4箇所 Arial1箇所

スケール・形状

角丸スケール
6px / 12px / 3px / 10px / 8px / 14px 14px 0px 0px / 10px 10px 0px 0px / 14px
シャドウ
3パターン使用
セクション余白(pt/pb)
48-56px / 80-80px / 80-80px / 80-80px / 80-80px
コンテナ幅
width: 902px / max-width: none
ナビゲーション
高さ 58px / position: fixed

関連サイト