Klavis AI PC表示
Klavis AI タブレット表示
Klavis AI スマホ表示

Klavis AI provides live environments for training AI agents. Powering frontier AI labs with real world MCP environments and complex, long-horizon agentic tool-use data.

Design Tokens(DOM解析データ)

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

カラーロール

Backgroundoklch(1 0 0)
Textoklch(0.141 0.005 285.823)
Color #1oklch(0.141 0.005 285.823)
Color #2oklch(0.552 0.016 285.938)
Color #3oklab(0.552 0.00439355 -0.015385 / 0.4)
Color #4oklch(0.623 0.214 259.815)
Color #5oklch(0.97 0.014 254.604)

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Inter 72px 600 90px -3.6px
h2 Inter 48px 700 60px -1.2px
h3 Inter 30px 500 36px -0.75px
本文 Inter 18px 400 29.25px normal
リンク Inter 14px 500 20px normal
ボタン Inter 16px 400 24px normal

使用フォント頻度

Inter279箇所

スケール・形状

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

関連サイト