Zibra Labs PC表示
Zibra Labs タブレット表示
Zibra Labs スマホ表示

Design Tokens(DOM解析データ)

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

カラーロール

Background#000000
Text#f7f5f0
Color #1#f7f5f0
Color #2#f96932
Color #3#b8b5ad
Color #4#000000

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Montserrat 40px 600 44px -1px
h2 Montserrat 22px 600 35.2px -0.33px
本文 Montserrat 18px 400 27px -0.085px
リンク Montserrat 14px 500 22.4px -0.07px

使用フォント頻度

Montserrat38箇所 JetBrains Mono7箇所

スケール・形状

ナビゲーション
高さ 144px / position: static

関連サイト