curbed.com ↗
サイトを開く
Curbed is all things home, from interior design and architecture to home tech, renovations, tiny houses, prefab, and real estate.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
不動産/都市文化メディアサイトを作って。GT Walsheim系sans + Tiempos serif、ブラック × ホワイト、アクセントは赤 #e63946。ヒーローは特集記事の大画像+h1。下に最新記事グリッド（3カラム）、各カードは大写真+カテゴリラベル+タイトル。各記事ページは画像主導の長文。
デザインの特徴
Vox Media運営の不動産/インテリア/都市文化メディア。雑誌的なエディトリアルレイアウト、大型写真+短いタイトル+カテゴリの構成、フォントはGT Walsheim系。Apartment Therapy/Curbedが業界批判記事の参考になる。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Text
#000000Color #1
#000000Color #2
#111111Color #3
#333333Color #4
#221f20Color #5
#555555タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h2 | Antique No 6 |
27px | 700 | 32.13px | normal |
| h3 | Antique No 6 |
45px | 400 | normal | normal |
| 本文 | Noto Sans CJK JP |
13.008px | 400 | 19.512px | normal |
| リンク | Pitch |
13px | 400 | 14px | normal |
| ボタン | Pitch |
13px | 400 | 14px | normal |
使用フォント頻度
Noto Sans CJK JP318箇所
Pitch43箇所
Antique No 639箇所
Miller Text18箇所
Arial10箇所
スケール・形状
- 角丸スケール
- 2px / 3px / 17px
- シャドウ
- 3パターン使用
- セクション余白(pt/pb)
- 0-80px / 1-0px / 80-0px
- コンテナ幅
- width: 1100px / max-width: none
- ナビゲーション
- 高さ 38px / position: relative
outsite.co 
thecollective.com 
habyt.com 
common.com 
apartmenttherapy.com