aoyama.rinnai.jp ↗
サイトを開く
Rinnai Aoyamaは、これからのRinnai（リンナイ株式会社）が目指す、健全で心地よい暮らしを体現する空間です。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#222123Color #1
#222123Color #2
#ffffffColor #3
#797c7aColor #4
#ffffff4dタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | NHaasGroteskDSPro-55Rg |
26px | 400 | 26px | 0.52px |
| h2 | NHaasGroteskDSPro-55Rg |
19.5px | 400 | 19.5px | 0.52px |
| h3 | NHaasGroteskDSPro-55Rg |
15.21px | 400 | 15.21px | 0.52px |
| 本文 | NHaasGroteskDSPro-55Rg |
14px | 500 | 28px | 0.56px |
| リンク | NHaasGroteskDSPro-55Rg |
13px | 500 | 13px | 0.52px |
| ボタン | NHaasGroteskDSPro-55Rg |
13.3333px | 600 | normal | normal |
使用フォント頻度
NHaasGroteskDSPro-55Rg238箇所
SeasonSerif-Regular9箇所
スケール・形状
- 角丸スケール
- 11px / 50% / 9px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 900px / position: sticky
