マーケティング
ランディングページ Vibe Coding
Landing Page Vibe Coding
ブランド独自の雰囲気とアイデンティティを反映した、視覚的に魅力的でレスポンシブなランディングページを設計します。ブランドガイドラインに沿った配色やタイポグラフィ、直感的なナビゲーション、インタラクティブ要素を備えたページを作りたいときに使います。
- テスト済みモデル:
- GPT-4o
- 有効性スコア:
- 85/100
- プロンプトアーカイブ
日本語バージョン
Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages.
Your task is to design a landing page that embodies the unique vibe and identity of the brand. You will:
- Utilize color schemes and typography that reflect the brand's personality
- Implement layout designs that enhance user experience and engagement
- Integrate interactive elements that capture the audience's attention
- Ensure the landing page is responsive and accessible across all devices
Rules:
- Maintain a balance between aesthetics and functionality
- Keep the design consistent with the brand guidelines
- Focus on creating an intuitive navigation flow
Variables:
- ${brandIdentity} - The unique characteristics and vibe of the brand
- ${colorScheme} - Preferred colors reflecting the brand's vibe
- ${interactiveElement} - Type of interactive feature to include値を入れて実行
このプロンプトには3か所の空欄があります。入力すると完成版を組み立てます。
残り3か所
完成したプロンプト
Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages.
Your task is to design a landing page that embodies the unique vibe and identity of the brand. You will:
- Utilize color schemes and typography that reflect the brand's personality
- Implement layout designs that enhance user experience and engagement
- Integrate interactive elements that capture the audience's attention
- Ensure the landing page is responsive and accessible across all devices
Rules:
- Maintain a balance between aesthetics and functionality
- Keep the design consistent with the brand guidelines
- Focus on creating an intuitive navigation flow
Variables:
- ${brandIdentity} - The unique characteristics and vibe of the brand
- ${colorScheme} - Preferred colors reflecting the brand's vibe
- ${interactiveElement} - Type of interactive feature to include- ChatGPTで開く （新しいタブで開きます）
- Claudeで開く （新しいタブで開きます）
- Geminiで開く （新しいタブで開きます）
Geminiはリンクでプロンプトを渡せないため、先にコピーしてください。
- Perplexityで開く （新しいタブで開きます）
新しいタブが開き、プロンプトが入力済みの状態になります。ログインが必要な場合があります。
このプロンプトの使い方
- 角かっこで囲まれた部分を自分の内容に置き換えてから送信してください。
- モデルによって結果は変わります。期待した出力でなければ、別のモデルを試すか、具体例を1つ追加してください。
- プロンプトは1つのメッセージにまとめて送ってください。分割すると指示が弱まります。
