Techman Robot

tm-robot.com ↗
Techman Robot PC表示
Techman Robot タブレット表示
Techman Robot スマホ表示

Design Tokens(DOM解析データ)

このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。

カラーロール

Background#2a2a2a
Text#ffffff
Color #1#ffffff
Color #2#888b8d
Color #3#878a8c
Color #4#313233
Color #5#000000

タイポグラフィ

要素FontSizeWeightLineTracking
h2 Montserrat 48px 600 57.6px 0.25px
本文 Montserrat 16px 500 24px 0.25px
リンク Montserrat 16px 400 24px normal
ボタン Montserrat 16px 500 24px 0.25px

使用フォント頻度

Montserrat405箇所

スケール・形状

角丸スケール
10px / 50% / 2px
シャドウ
2パターン使用
セクション余白(pt/pb)
120-160px / 160-120px
コンテナ幅
width: 1366px / max-width: 1366px
ナビゲーション
高さ 80px / position: fixed

関連サイト