サイトを開く
国内利用数No.1のノーコードCMS「Studio」。クオリティの高いWebサイトをワンストップで構築・公開・運用でき、30,000社以上の企業でご活用いただいております。
このデザインを再現するAIプロンプト
Cursor / Claude Code / v0 にこのまま貼り付けると、近いトーンのLPが生成できます。
ノーコードWebデザインツールの日本語LPを作って。Inter（英）+ Noto Sans JP（日）の組み合わせ、メインカラーはオレンジ #ff5a36、白背景。ヒーローはh1日本語キャッチコピー、その下にツール画面のスクリーンショット。各セクションで実際の制作画面を大きく見せる。アニメーションでブロックがスナップして並ぶデモを内蔵。
デザインの特徴
日本発ノーコードWebデザインツール。Inter + Noto Sans JPの組み合わせで日本語が美しく、オレンジ #ff5a36 がエネルギッシュなブランドアクセント。
Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#f6f6f6Text
#000000Color #1
#000000Color #2
#333333Color #3
#222222Color #4
#acacacColor #5
#f6f6f6タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter |
40px | 700 | 48px | -0.88px |
| h2 | Inter |
18px | 500 | 18px | -0.36px |
| h3 | Inter |
47px | 500 | 56.4px | -1.88px |
| 本文 | Inter |
15.5px | 500 | 15.5px | -0.31px |
| リンク | sans-serif |
16px | 400 | 16px | normal |
| ボタン | Arial |
16px | 400 | normal | normal |
使用フォント頻度
sans-serif571箇所
Inter208箇所
Arial21箇所
スケール・形状
- 角丸スケール
- 12px / 10px / 6px / 5px / 999px / 8px / 50% / 16px
- シャドウ
- 4パターン使用
- セクション余白(pt/pb)
- 134-30px / 8-8px / 40-68px / 80-120px / 80-0px
- コンテナ幅
- width: 1440px / max-width: 100%
- ナビゲーション
- 高さ 64px / position: fixed
.svg){kind=small}
oddlymade.webflow.io 
pentagram.com 
awwwards.com 
framer.com