建設会社である竹中工務店のコーポレートサイトです。会社情報、CSR情報、設計・施工実績、サステナブル社会を実現するためのソリューションなどを紹介しています。
Design Tokens(DOM解析データ)
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#333333Color #1
#333333Color #2
#222222Color #3
#ffffffColor #4
#000000Color #5
#861c3cタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Roboto |
28px | 500 | 28px | 1.4px |
| h3 | Yu Gothic |
40px | 700 | 40px | normal |
| 本文 | Yu Gothic |
16px | 700 | 20.8px | normal |
| リンク | Yu Gothic |
16px | 500 | 20.8px | normal |
| ボタン | Arial |
13.3333px | 700 | normal | normal |
使用フォント頻度
Yu Gothic496箇所
Arial7箇所
Roboto7箇所
游明朝体5箇所
スケール・形状
- 角丸スケール
- 16px / 50% / 11px / 10px / 30px / 15px / 4px / 0px 0px 4px 4px
- セクション余白(pt/pb)
- 20-80px / 80-80px / 60-80px / 100-0px / 90-90px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 85px / position: fixed