anthropic.com ↗
サイトを開く
Claude is Anthropic's AI, built for problem solvers. Tackle complex challenges, analyze data, write code, and think through your hardest work.
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
AIアシスタントSaaSのコーポレートLPを作って。フォントは見出しにStyrene B（Söhne系のジオメトリックsans）、本文にTiempos（contemporary serif）。カラーはブラウンの #cc785c をアクセントに、背景はオフホワイト #faf6f0。レイアウトは縦長1カラム、セクション間に120px以上の余白。広告色を排して、文学誌のようなエディトリアル質感に。ヒーローはh1テキストだけで写真なし、その下にtl;drの大きめのlead文。
デザインの特徴
タイポグラフィを軸に据えた知的トーン。Styrene Bsans の見出しに Tiempos serif の本文を組み合わせ、文学的な印象を演出。ブラウン #cc785c × クリーム背景の温かいパレットが「優しいAI」のブランド人格を伝える。余白を大胆に取った縦長スクロール、フォントサイズ階層が明快で広告色を完全に排した教科書的な企業ブランドサイト。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#faf9f5Text
#141413Color #1
#141413Color #2
#0b0b0bColor #3
#5e5d59Color #4
#000000Color #5
#30302eタイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Noto Sans JP |
72px | 500 | 79.2px | normal |
| h2 | Noto Sans JP |
52px | 500 | 62.4px | normal |
| h3 | Noto Sans JP |
19px | 500 | 22.8px | normal |
| 本文 | Noto Sans JP |
17px | 400 | 27px | normal |
| リンク | anthropicSans |
15px | 400 | 22.5px | normal |
| ボタン | Noto Sans JP |
15px | 400 | 24px | normal |
使用フォント頻度
anthropicSans751箇所
Noto Sans JP49箇所
スケール・形状
- 角丸スケール
- 8px / 12px / 4px / 7.5% / 16px / 19px / 6px / 10.144px
- シャドウ
- 5パターン使用
- セクション余白(pt/pb)
- 0-128px / 128-64px / 64-128px / 200-128px / 16-16px
- コンテナ幅
- width: 1312px / max-width: 1440px
- ナビゲーション
- 高さ 129px / position: fixed
