color-nail.jp ↗
サイトを開く
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#ffffffColor #3
#a88e65Color #4
#222222Color #5
#1f1f1fタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Noto Serif JP |
13px | 400 | 19.5px | 0.2px |
| h2 | Noto Serif JP |
40px | 600 | 44px | 2px |
| h3 | Noto Serif JP |
22px | 700 | 33px | 0.2px |
| 本文 | Noto Serif JP |
23px | 700 | 43.7px | 2px |
| リンク | Noto Serif JP |
14px | 500 | 26.6px | 0.2px |
| ボタン | Noto Serif JP |
17px | 500 | 32.3px | 0.2px |
使用フォント頻度
Noto Serif JP223箇所
Google Sans12箇所
arial2箇所
Arial2箇所
スケール・形状
- 角丸スケール
- 0.1px / 12px / 0px 0px 12px 12px / 24px / 50px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 100-100px / 100-100px / 60-60px / 30-30px / 100-100px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 160px / position: relative
gelish.com 
cnd.com 
essie.com 
orlybeauty.com 
makartt.com 
kissusa.com 
impressmanicure.com