clearly-ai.com ↗
サイトを開く
Ship secure software fast with AI-powered security reviews. Pull context from where your teams already work. Automated threat modeling, design reviews, and smart risk triage.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#fcfdffText
#000000Color #1
#000000Color #2
#343840Color #3
#666666Color #4
#0000eeColor #5
#787878タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Manrope |
56px | 800 | 61.6px | -0.8px |
| h2 | Manrope |
40px | 700 | 48px | -0.4px |
| h3 | Manrope |
32px | 700 | 38.4px | -0.4px |
| 本文 | Inter |
14px | 400 | 24px | normal |
| リンク | Inter |
14px | 400 | 24px | normal |
| ボタン | Inter |
14px | 400 | 21px | normal |
使用フォント頻度
sans-serif610箇所
Inter155箇所
Manrope19箇所
スケール・形状
- 角丸スケール
- 8px / 10px / 6px / 100% / 16px / 24px 24px 0px 0px / 48px / 14px
- シャドウ
- 2パターン使用
