サイトを開く
Outship is a recruiting platform that records and analyzes how engineering candidates use coding agents. Import a task repo from GitHub and send an invite link for a take home or an interview. We spin up a cloud workspace for them to work in.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#100d0aText
#fff3d7Color #1
#fff3d7Color #2
#fff3d7b8Color #3
oklab(0.966334 0.00169405 0.0387824 / 0.8)Color #4
oklab(0.966334 0.00169405 0.0387824 / 0.5)Color #5
#bfbdb6タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Serrif |
96px | 400 | 96px | -2.4px |
| h2 | Saans |
20px | 400 | 28px | -0.5px |
| h3 | Saans |
24px | 500 | 33px | -0.6px |
| 本文 | Saans |
15px | 500 | 24px | normal |
| リンク | Saans |
16px | 400 | 25.6px | normal |
| ボタン | Saans |
16px | 400 | 25.6px | normal |
使用フォント頻度
Saans570箇所
Menlo85箇所
SF Pro Display73箇所
Berkeley Mono64箇所
Serrif8箇所
スケール・形状
- 角丸スケール
- 14px / 3.35544e+07px / 8px / 6px / 2px / 14px 14px 0px 0px / 4px 0px 0px 4px / 0px 4px 4px 0px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 288-0px / 32-32px
- コンテナ幅
- width: 1232px / max-width: none
- ナビゲーション
- 高さ 65px / position: fixed
