ux-xu.com ↗
サイトを開く
YUKAI Engineering - THE ROBOT COMPANY
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#4a4a4aColor #1
#4a4a4aColor #2
#333333Color #3
#666666Color #4
#999999Color #5
#00d1b2タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | tbudrgothic-std |
36px | 600 | 61.2px | 2.25px |
| h2 | tbudrgothic-std |
24px | 400 | 36px | 4px |
| h3 | tbudrgothic-std |
20px | 400 | 30px | normal |
| 本文 | ヒラギノ角ゴ ProN W3 |
16px | 400 | 27.2px | 1.1px |
| リンク | ヒラギノ角ゴ ProN W3 |
13.5px | 400 | 20.25px | 2.8px |
| ボタン | ヒラギノ角ゴ ProN W3 |
16px | 400 | 24px | normal |
使用フォント頻度
ヒラギノ角ゴ ProN W3142箇所
tbudrgothic-std58箇所
スケール・形状
- 角丸スケール
- 20px / 60px / 6px / 8px / 50%
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 100px / position: relative
wirobotics.com 
starship.xyz 
agilityrobotics.com 