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

Find and reach your next customers at the speed of thought.

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#000000
Color #1#f4f1ea
Color #2#14141a
Color #3#f7f3ea
Color #4#1a1a1c
Color #5#f4f2eb85

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Google Sans Flex 77.6px 500 81.48px -0.776px
h2 Google Sans Flex 35.28px 400 43.0416px -0.28224px
h3 Google Sans Flex 33.84px 400 38.916px -0.3384px
本文 Google Sans Flex 17.28px 400 25.92px 0.1728px
リンク Google Sans Flex 16px 400 24px normal
ボタン Google Sans Flex 14px 400 14px normal

使用フォント頻度

Google Sans Flex359箇所 -apple-system116箇所

スケール・形状

角丸スケール
4px / 6px / 8px / 3px / 10px / 16px / 14px
シャドウ
2パターン使用
セクション余白(pt/pb)
86.4-120px / 0-120px / 100-100px / 152-64px / 112-112px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 73px / position: fixed

関連サイト