tamlabs.ai ↗
サイトを開く
TamLabs manages agent teams that tackle your most complex workflows, all under your direction.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
oklch(0.98 0.003 85)Text
oklch(0.14 0.005 50)Color #1
oklch(0.14 0.005 50)Color #2
oklch(0.45 0.005 260)Color #3
oklch(0.72 0.005 260)Color #4
oklch(0.55 0.005 260)Color #5
oklch(0.98 0.003 85)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Libre Baskerville |
64px | 400 | 69.12px | -1.6px |
| h2 | Libre Baskerville |
48px | 400 | 55.2px | -0.96px |
| h3 | Libre Baskerville |
40px | 400 | 46px | -0.8px |
| 本文 | Rubik |
20px | 400 | 31px | -0.2px |
| リンク | Libre Baskerville |
17px | 700 | normal | -0.17px |
| ボタン | Noto Sans CJK JP |
13.6px | 600 | 13.6px | normal |
使用フォント頻度
Noto Sans CJK JP126箇所
Rubik49箇所
Libre Baskerville41箇所
スケール・形状
- 角丸スケール
- 999px / 24px / 14px / 8px / 6.4px / 12px / 50% / 0px 4px 4px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 32-32px / 112-112px / 112-112px / 112-112px
- コンテナ幅
- width: 1424px / max-width: none
- ナビゲーション
- 高さ 65px / position: sticky
