![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">%F0%9F%A4%8F</text></svg>){kind=small}
smolmachines.com ↗
サイトを開く
Build and run portable, self-contained virtual machines. Like Electron, but for entire Linux environments.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#111111Color #1
#111111Color #2
#333333Color #3
#ffffffColor #4
#888888タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | -apple-system |
20px | 400 | 32px | -0.4px |
| 本文 | -apple-system |
16px | 400 | 28px | normal |
| リンク | -apple-system |
12px | 700 | 20.4px | normal |
| ボタン | -apple-system |
13.3333px | 500 | 22.6667px | normal |
使用フォント頻度
-apple-system105箇所
スケール・形状
- 角丸スケール
- 8px / 12px / 4px
- シャドウ
- 1パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 65px / position: fixed
