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

Complir's AI agents map product data, analyse compliance risks, generate documentation and track regulations across every market you sell in.

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#070956
Color #1#070956
Color #2#4a4b7c
Color #3#ffffff
Color #4#1e1b4b
Color #5#0955e3

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Lora 43px 500 47.7778px -1.075px
h2 Lora 43px 500 47.7778px -1.075px
h3 Lora 24px 500 32px -0.6px
本文 Circular 18px 400 29.25px normal
リンク Circular 16px 400 24px normal
ボタン Circular 14px 500 20px normal

使用フォント頻度

Circular319箇所 Lora21箇所 Inter10箇所 system-ui5箇所

スケール・形状

角丸スケール
7px / 3.35544e+07px / 14px / 18px / 8px / 10px / 6px
シャドウ
5パターン使用
セクション余白(pt/pb)
64-0px / 32-32px / 96-128px / 112-112px / 96-96px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 64px / position: sticky

関連サイト