apartmenttherapy.com ↗
サイトを開く
Lifestyle and interior design community sharing design lessons, DIY how-tos, shopping guides and expert advice for creating a happy, beautiful home.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
暮らし/インテリア/DIYメディアを作って。Tiempos serif + Inter sans、ベージュ背景 #faf3e7 + コーラル #ff6b6b アクセント。ヒーローには「Before/After」記事の大写真。下に「Home Tours」「DIY」「Buying Guides」のカテゴリカード。記事ページは画像とリスト交互、SNSシェアボタン大。
デザインの特徴
インテリア/DIY/暮らしの大型コミュニティメディアApartment Therapy。明るいベージュ + コーラル #ff6b6b のフレンドリーパレット、Tiempos + Inter組み合わせ。Before/After写真とHow-to記事の宝庫。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#000000Color #1
#000000Color #2
#0000eeColor #3
#666666タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| 本文 | freight-sans-pro |
14px | 400 | 19.6px | normal |
| リンク | freight-sans-pro |
14px | 400 | 19.6px | normal |
| ボタン | Arial |
24px | 400 | normal | normal |
使用フォント頻度
-apple-system269箇所
freight-sans-pro162箇所
freight-text-pro43箇所
Arial8箇所
freight-display-pro2箇所
スケール・形状
- 角丸スケール
- 22px / 26px / 36px / 0px 22px 22px 0px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 100px / position: relative
outsite.co 
thecollective.com 
habyt.com 
common.com 
dwell.com