petoi.com ↗
サイトを開く
Affordable, cute, realistic robot pet to play with and learn robotics & coding. Program/code robo dog Bittle and robo cat Nybble to explore the world with AI.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#121212bfColor #1
#121212bfColor #2
#0088ccColor #3
#121212Color #4
#6a6a6aColor #5
#ffffffタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Alibaba Sans |
45px | 700 | 58.5px | 0.6px |
| h2 | Assistant |
13px | 400 | 19.5px | 0.4px |
| h3 | Alibaba Sans |
45px | 700 | 58.5px | 0.6px |
| 本文 | Alibaba Sans |
14px | 400 | 14px | 1px |
| リンク | Assistant |
15px | 400 | 18px | 1px |
| ボタン | Assistant |
15px | 400 | 18px | 1px |
使用フォント頻度
Assistant400箇所
Alibaba Sans32箇所
Arial2箇所
Helvetica1箇所
スケール・形状
- 角丸スケール
- 6px / 4px / 50% / 30px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 0-20px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 86px / position: static
wirobotics.com 
starship.xyz 
agilityrobotics.com 