sierra.ai ↗
サイトを開く
Sierra helps businesses build better, more human customer experiences with AI.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#302e2dColor #1
#302e2dColor #2
#716f6cColor #3
#ffffffColor #4
#222222Color #5
oklab(0.999994 0.0000455677 0.0000200868 / 0.8)タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | gtAmerica |
65px | 400 | 72px | -1.3px |
| h2 | gtAmerica |
24px | 400 | 32px | normal |
| h3 | gtAmerica |
24px | 400 | 32px | normal |
| 本文 | gtAmerica |
16px | 400 | 24px | normal |
| リンク | gtAmerica |
16px | 400 | 24px | normal |
| ボタン | gtAmerica |
14px | 400 | 20px | normal |
使用フォント頻度
gtAmerica411箇所
スケール・形状
- 角丸スケール
- 8px / 4px / 3.35544e+07px / 16px / 0px 0px 64px 64px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 32-0px / 80-80px / 80-80px / 0-80px / 80-80px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: sticky
