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

株式会社Shiftallの公式Webサイトです。 Shiftallが企画・開発・販売しているVR関連機器やIoT機器に関する情報、マニュアルやFAQなどのサポート情報を掲載しています。

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#333333
Color #1#333333
Color #2#222222
Color #3#eb5757
Color #4#f5f5f5
Color #5#ffffff

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Noto Sans JP 38px 700 45.6px normal
h2 Sen 32px 700 36px normal
本文 Noto Sans JP 16px 400 28.8px normal
リンク Sen 16px 400 24px normal
ボタン Sen 14px 400 21px normal

使用フォント頻度

Sen122箇所 Noto Sans JP14箇所 webflow-icons1箇所

スケール・形状

角丸スケール
5px
コンテナ幅
width: 1440px / max-width: 2300px
ナビゲーション
高さ 32px / position: relative

関連サイト