oshiro-robots.com ↗
サイトを開く
『城郭合体オシロボッツ』公式サイト お城の真の姿はロボットだった！？実在のお城の天守や櫓、門、石垣、等が巨大ロボット＜オシロボット＞に変形＆合体！操縦するのは、少年少女とお城ゆかりの武将！熊本城、会津若松城、高松城、等…日本各地の名城が、今立ち上がる！
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f4f3f3Text
#141414Color #1
#141414Color #2
#0000eeColor #3
#ffffffColor #4
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | M PLUS 1p |
10px | 400 | 10px | normal |
| h2 | Noto Serif JP |
40px | 700 | 52px | normal |
| h3 | M PLUS 1p |
10px | 400 | 10px | normal |
| 本文 | Noto Serif JP |
18.6667px | 700 | 30.6667px | normal |
| リンク | M PLUS 1p |
10px | 400 | 10px | normal |
| ボタン | Arial |
13.3333px | 400 | normal | normal |
使用フォント頻度
M PLUS 1p300箇所
Noto Serif JP38箇所
Arial3箇所
スケール・形状
- 角丸スケール
- 5px / 0px 10px 10px 0px
- シャドウ
- 1パターン使用
- セクション余白(pt/pb)
- 40-0px / 1-0px / 1-0px / 1-0px
- ナビゲーション
- 高さ 0px / position: fixed
