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

Reward anything, anywhere, anytime. Define an event and reward in plain English. Archer tracks it. Rewards move instantly.

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#0e1219
Color #1#0e1219
Color #2#374151
Color #3#6b7280
Color #4#3d4754
Color #5#ffffff

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Altform 56px 600 60.48px -1.8px
h2 DM Sans 24px 700 38.4px normal
h3 Altform 15px 700 19.5px -0.15px
本文 DM Sans 22px 400 34.1px normal
リンク DM Sans 16px 400 25.6px normal
ボタン Arial 13.3333px 400 normal normal

使用フォント頻度

DM Sans310箇所 Altform39箇所 Arial1箇所

スケール・形状

角丸スケール
100px / 10px / 12px / 11px / 2px / 20px / 999px / 16px
シャドウ
5パターン使用
セクション余白(pt/pb)
100-72px / 112-0px / 112-128px / 120-112px / 112-128px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 52px / position: fixed

関連サイト