1804年創業、清水建設株式会社のコーポレートサイト。企業情報、株主・投資家情報、ESG経営、施工実績、技術・ソリューション、採用情報を紹介しています。
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#333333Color #1
#356cb6Color #2
#333333Color #3
#ffffffColor #4
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | メイリオ |
36px | 400 | 50.4px | normal |
| h3 | メイリオ |
32px | 700 | 44.8px | normal |
| 本文 | メイリオ |
16px | 700 | 22.4px | normal |
| リンク | メイリオ |
10px | 400 | 11.5px | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
メイリオ798箇所
Arial1箇所
Futura BdCn BT1箇所
スケール・形状
- 角丸スケール
- 3px 0px 0px 3px / 0px 3px 3px 0px / 30px
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 60-96px / 0-100px / 100-40px / 60-60px / 0-60px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 108px / position: relative