oliveandjune.com ↗
サイトを開く
Olive & June believes in beautiful nails for everyone. No matter who you are, you can have a manicure that makes you feel like your very best self. We’re bringing all of the mani and pedi magic to you - elevating the at-home nail experience like never before with award-winning polish, gel and press-ons.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#595a5bColor #1
#595a5bColor #2
#5a5a5aColor #3
#ffffffColor #4
#3f3f3fColor #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Futura |
40px | 600 | 48px | 1px |
| h2 | Futura |
17.6px | 600 | 21.12px | 1px |
| h3 | Futura |
20px | 700 | 24px | normal |
| 本文 | Futura |
16px | 400 | 24px | normal |
| リンク | Futura |
16px | 400 | 24px | normal |
| ボタン | Futura |
12px | 700 | 18px | 1.2px |
使用フォント頻度
Futura665箇所
Nunito19箇所
Alia-futura4箇所
Cormorant Garamond1箇所
Future-Bold1箇所
スケール・形状
- 角丸スケール
- 30px / 10px / 9px / 50px / 50% / 15px / 999px / 100px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 55-55px / 20-20px
- コンテナ幅
- width: 1030px / max-width: 1030px
- ナビゲーション
- 高さ 0px / position: static
gelish.com 
cnd.com 
essie.com 
orlybeauty.com 
makartt.com 
kissusa.com 
impressmanicure.com