awwwards.com ↗
サイトを開く
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f8f8f8Text
#222222Color #1
#222222Color #2
#ffffffColor #3
#dededeColor #4
#a7a7a7Color #5
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Inter Tight |
14px | 400 | 28px | normal |
| h3 | Inter Tight |
126.732px | 600 | 126.732px | normal |
| 本文 | Inter Tight |
15px | 300 | 28px | normal |
| リンク | Inter Tight |
14px | 400 | 28px | normal |
| ボタン | Inter Tight |
14px | 400 | normal | normal |
使用フォント頻度
Inter Tight744箇所
スケール・形状
- 角丸スケール
- 8px / 0px 0px 8px 8px / 8px 0px 0px 8px / 14px / 4px / 12px / 2px
- シャドウ
- 1パターン使用
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 54px / position: relative
.svg){kind=small}
oddlymade.webflow.io 
pentagram.com 
framer.com