ellipsis.dev ↗
サイトを開く
Automated code reviews and bug fixes. Software engineers are more productive with Ellipsis, a developer tool that catches bugs, answers questions, and generates working, tested code.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#0000eeColor #3
#18181bColor #4
#4d4d56Color #5
#6a6a77タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Monda |
64px | 700 | 76.8px | -1.61px |
| h2 | Monda |
48px | 700 | 57.6px | -1.25px |
| h3 | Monda |
40px | 400 | 48px | -0.89px |
| 本文 | Inter-Medium |
14px | 500 | 23.8px | -0.18px |
| リンク | sans-serif |
12px | 400 | normal | normal |
| ボタン | sans-serif |
12px | 400 | normal | normal |
使用フォント頻度
sans-serif472箇所
Inter64箇所
Monda19箇所
Inter-Medium6箇所
Aspekta 5503箇所
スケール・形状
- 角丸スケール
- 5px / 99px / 32px / 16px / 12px / 999px / 96px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 10-10px / 10-10px / 40-40px
- コンテナ幅
- width: 1180px / max-width: 100%
