Roman and Williams

romanandwilliams.com ↗
Roman and Williams PC表示
Roman and Williams タブレット表示
Roman and Williams スマホ表示

Discover our collections of original handmade furniture, lighting, & objects. Inspired by nature, our community of master artists champions the future of craft.

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#000000cf
Color #1#000000cf
Color #2#000000
Color #3#ffffff
Color #4#333333

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Lyon Display 56px 400 56px normal
h2 Lyon Display 18px 400 21.6px normal
h3 Lyon Text 22px 400 normal 0.44px
本文 No5 14px 400 22.4px normal
リンク No5 14px 400 22.4px normal
ボタン No5 12px 400 19.2px normal

使用フォント頻度

No5512箇所 Lyon Display35箇所 Lyon Text22箇所 Arial3箇所

スケール・形状

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

関連サイト