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

AquaShield helps large commercial & residential operators detect leaks early with water intelligence.

Design Tokens(DOM解析データ)

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

カラーロール

Background#0a0a0a
Text#ffffff
Color #1#ffffff
Color #2#ffffffa8
Color #3#ffffff70
Color #4#041017
Color #5#38b6ff

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Inter 76px 700 79.8px -3.8px
h2 Inter 48px 700 50.4px -2.4px
本文 Inter 12.48px 700 19.968px 2.2464px
リンク Inter 16px 400 25.6px normal
ボタン Inter 16px 700 25.6px normal

使用フォント頻度

Inter43箇所

スケール・形状

角丸スケール
999px
セクション余白(pt/pb)
48-56px / 110-110px / 100-112px
コンテナ幅
width: 1140px / max-width: none
ナビゲーション
高さ 97px / position: sticky

関連サイト