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

We've run thousands of creator campaigns. We'll get yours live in a week. No long-term commitment.

Design Tokens(DOM解析データ)

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

カラーロール

Background#faf9f5
Text#0c1249
Color #1#0c1249
Color #2#ffffff
Color #3#505586
Color #4#0014f6
Color #5oklab(0.999994 0.0000455677 0.0000200868 / 0.8)

タイポグラフィ

要素FontSizeWeightLineTracking
h1 gtMaru 72px 700 79.2px -1.8px
h2 gtMaru 48px 700 48px normal
h3 gtMaru 16px 400 24px normal
本文 Work Sans 20px 400 32.5px normal
リンク Work Sans 14px 600 20px 0.7px
ボタン gtMaru 14px 500 20px normal

使用フォント頻度

Work Sans181箇所 gtMaru35箇所 hobeauxBold1箇所

スケール・形状

角丸スケール
3.35544e+07px / 16px / 14px / 10px / 24px / 48px 48px 0px 0px / 32px
シャドウ
5パターン使用
セクション余白(pt/pb)
176-80px / 32-48px / 32-96px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 80px / position: fixed

関連サイト