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

Revenue recovered with caring, high-touch precision. No customer left waiting. No revenue forgotten.

Design Tokens(DOM解析データ)

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

カラーロール

Background#faf8f5
Text#0f292e
Color #1#0f292e
Color #2#4d7780
Color #3#fbfbf8
Color #4#ffffff
Color #5#124049

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Young Serif 48px 400 48px normal
h2 Young Serif 48px 400 48px normal
h3 Young Serif 20px 400 28px normal
本文 DM Sans 20px 400 28px normal
リンク DM Sans 16px 400 24px normal
ボタン DM Sans 14px 500 20px normal

使用フォント頻度

DM Sans388箇所 Young Serif26箇所

スケール・形状

角丸スケール
9999px / 10px / 12px / 40px / 0px 0px 12px 12px / 36px / 16px 16px 16px 8px / 16px 16px 8px
シャドウ
3パターン使用
セクション余白(pt/pb)
64-0px / 40-40px / 56-56px / 96-96px / 96-96px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 65px / position: fixed

関連サイト