gigacatalyst.com ↗
サイトを開く
We provide a white-label AI builder that learns your APIs and embeds in your product, so your customers can build their own apps on your SaaS. The result is that customers use your SaaS more, retain for longer, and expand quicker, because they get bespoke implementation for their exact usecase, without waiting.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#171717Color #1
#ffffffColor #2
#3e3e3cColor #3
#d1d5dbColor #4
#ffffff99Color #5
#9ca3afタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Aeonik Pro TRIAL |
48px | 300 | 60px | normal |
| h2 | Hanken Grotesk |
24px | 300 | 32px | normal |
| h3 | Hanken Grotesk |
17px | 500 | 25.5px | normal |
| 本文 | Hanken Grotesk |
20px | 300 | 32.5px | normal |
| リンク | Hanken Grotesk |
16px | 400 | 24px | normal |
| ボタン | Salesforce Sans |
11px | 500 | 16.5px | normal |
使用フォント頻度
Hanken Grotesk389箇所
Salesforce Sans50箇所
Inter Display7箇所
Aeonik Pro TRIAL7箇所
MONO-RGO MODULAR2箇所
スケール・形状
- 角丸スケール
- 2px / 8px / 9999px / 12px / 16px / 4px / 6px / 2px 2px 0px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 160-128px / 64-64px / 96-96px / 32-32px / 96-96px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 81px / position: fixed
