marblism.com ↗
サイトを開く
Get a team of AI Employees who manage your inbox, post on social media, write SEO articles and find more leads for your business.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#191919Color #1
#191919Color #2
#ffffffColor #3
#fbcc00Color #4
#666666Color #5
#404040タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | slussenBlack |
80px | 900 | 80px | 0.8px |
| h2 | slussenBold |
64px | 700 | 64px | normal |
| h3 | slussenBold |
20px | 700 | 25px | normal |
| 本文 | slussenBold |
17.6px | 700 | 22px | normal |
| リンク | IBM Plex Sans |
16px | 400 | 24px | normal |
| ボタン | IBM Plex Sans |
18px | 500 | 28px | normal |
使用フォント頻度
IBM Plex Sans595箇所
slussenBold42箇所
slussenBlack9箇所
Varela Round3箇所
スケール・形状
- 角丸スケール
- 16px / 10px / 12px / 20px / 14px / 12px 12px 0px 0px / 0px 0px 12px 12px / 8px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 72-0px / 96-96px / 80-80px / 96-96px / 54-50px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 75px / position: fixed
