
ダークモードテック記事Web UI
サイドバー、ヒーロー画像、編集ブロックを備えた洗練されたダークモードの日本語テックニュース画面を生成します。見出しやタグを変更して応用可能です。
プロンプト
参照画像のデザインとブランディングを基にした、洗練されたダークモードの日本語テクノロジーニュース記事ページのUI/UXモックアップ。上部にロゴとナビゲーションリンクを備えたヘッダー。アーカイブへ戻るリンク、カテゴリーバッジ、公開日、大きく太い見出し、導入文を備えたエディトリアルレイアウト。見出しの下には、暗い宇宙と輝く惑星をモチーフにした横長のシネマティックなヒーロー画像。本文は「[Claude Codeの発表]」「[計算資源の強化とパートナーシップ]」「[利用規約の更新と謝罪]」「[機能・プロダクトのアップデート]」「[今後の展望]」の5つのセクション見出しで構成。インライン要素として琥珀色のアクセントがついたコールアウトボックス、引用ボックス、箇条書きリスト、記事末尾のソースリンクカードを配置。右サイドバーには4つのカードをスタック配置:1) 5つの要点を箇条書きにした「この記事の要点」、2) [Anthropic]、[Claude]、[Claude Code]、[エージェント]、[計算資源]、[パートナーシップ]のタグチップが並ぶ「タグ」、3) リンク、Twitter/X、Facebook、はてなブックマークの4つのシェアボタンが並ぶ「シェア」、4) 4件の日付入り「関連記事」。ダークスレート調の背景、繊細なボーダー、落ち着いたグレーの本文、アンバーのアクセントカラー、ゆとりのある余白、フッターにGitHubとnews.smol.aiのリンクを配置。
カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[Claude Codeの発表]プレースホルダー[計算資源の強化とパートナーシップ]プレースホルダー[利用規約の更新と謝罪]プレースホルダー[機能・プロダクトのアップデート]プレースホルダー[今後の展望]プレースホルダー[Anthropic]プレースホルダー[Claude]プレースホルダー[Claude Code]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日