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

ノートパソコン、タブレット、デスクトップ、ワークステーション、シンクライアント、POS、プリンター、3Dプリンティング、ITソリューション。世界中の人々の生活をより良いものにするためのテクノロジーを創造していきます。

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#191919
Color #1#007bff
Color #2#191919
Color #3#000000
Color #4#5a5a5a
Color #5#666666

タイポグラフィ

要素FontSizeWeightLineTracking
h2 forma-djr-micro 70px 400 74px normal
h3 forma-djr-micro 34px 400 40px normal
本文 forma-djr-micro 16px 500 normal normal
リンク forma-djr-micro 14px 400 normal normal
ボタン forma-djr-micro 16px 400 normal normal

使用フォント頻度

-apple-system683箇所 forma-djr-micro99箇所 header_icons9箇所 aemHPIcons7箇所 newhpicon2箇所

スケール・形状

角丸スケール
50% / 5px
シャドウ
3パターン使用
セクション余白(pt/pb)
20-0px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 0px / position: static

関連サイト