Makeblock PC表示
Makeblock タブレット表示
Makeblock スマホ表示

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#858585
Color #1#858585
Color #2#0074ff
Color #3#000000
Color #4#141414
Color #5#1d1d1d

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Montserrat 13px 700 0px normal
h2 Montserrat 40px 600 44px normal
h3 Montserrat 40px 600 44px normal
本文 Montserrat 16px 500 20px normal
リンク Montserrat 13px 500 19.5px normal
ボタン Montserrat 13px 500 19.5px normal

使用フォント頻度

Montserrat798箇所 a2箇所

スケール・形状

角丸スケール
18px / 24px / 50% / 58px / 68px / 16px / 4px / 16px 16px 0px 0px
シャドウ
3パターン使用
コンテナ幅
width: 1128px / max-width: 1128px
ナビゲーション
高さ 55px / position: relative

関連サイト