サイトを開く
国内利用数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
#f7f7f7Text
#000000Color #1
#000000Color #2
#333333Color #3
#707070Color #4
#222222Color #5
#f7f7f7タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Inter |
35.04px | 600 | 42.048px | normal |
| h2 | sans-serif |
24px | 700 | 24px | normal |
| h3 | Inter |
12.96px | 500 | 15.552px | normal |
| 本文 | Inter |
14px | 500 | 14px | -0.28px |
| リンク | sans-serif |
16px | 400 | 16px | normal |
| ボタン | Arial |
16px | 400 | normal | normal |
使用フォント頻度
sans-serif541箇所
Inter201箇所
Arial54箇所
IBM Plex Mono4箇所
スケール・形状
- 角丸スケール
- 64px / 4px / 80px / 500px / 999px / 8px 0px 0px / 8px 8px 0px 0px / 2px
- セクション余白(pt/pb)
- 0-32px / 96-40px / 96-64px / 96-0px / 96-96px
- コンテナ幅
- width: 1440px / max-width: 100%
- ナビゲーション
- 高さ 73px / position: fixed
.svg){kind=small}
oddlymade.webflow.io 
pentagram.com 
awwwards.com 
framer.com