サイトを開く
鹿島建設株式会社の公式サイトです。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#363434Color #1
#363434Color #2
#212121Color #3
#ffffffColor #4
#1d3994Color #5
#6e767cタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | メイリオ |
13px | 400 | 22.1px | normal |
| h2 | Roboto |
24px | 600 | 40.8px | normal |
| h3 | Roboto |
17px | 600 | 17px | normal |
| 本文 | Roboto |
15px | 500 | 15px | normal |
| リンク | Helvetica |
14px | 400 | 19.6px | normal |
| ボタン | Helvetica |
14px | 400 | 19.6px | normal |
使用フォント頻度
Roboto309箇所
メイリオ161箇所
Helvetica6箇所
Noto Sans CJK JP1箇所
スケール・形状
- 角丸スケール
- 8px 8px 0px 0px / 0px 0px 4px 4px / 4px / 3px / 2px
- シャドウ
- 5パターン使用
woodsbagot.com 
shl.dk 
jouinmanku.com 