orlybeauty.com ↗
サイトを開く
Cruelty-Free and Vegan Nail Color. Award-Winning Nail Treatments and Nail Care. Professional Gel Nail Color and Home of the Game-Changing ORLY GELFX Builder In a Bottle.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#161a15Color #1
#161a15Color #2
#ffffffColor #3
#333333Color #4
#000000Color #5
#383d41タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | DM Sans |
36px | 400 | 54px | normal |
| h2 | DM Sans |
30.2496px | 500 | 34.787px | normal |
| h3 | DM Sans |
35.7504px | 500 | 41.113px | normal |
| 本文 | DM Sans |
18px | 400 | 27px | normal |
| リンク | DM Sans |
18px | 400 | 27px | normal |
| ボタン | DM Sans |
18px | 400 | 27px | normal |
使用フォント頻度
DM Sans800箇所
スケール・形状
- 角丸スケール
- 200px / 100% / 4px / 5px / 7px / 8px / 50% / 6px 6px 0px 0px
- シャドウ
- 5パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 118px / position: static
gelish.com 
cnd.com 
essie.com 
makartt.com 
kissusa.com 
impressmanicure.com 
staticnails.com