新登場:GPT Image 2.5 Flare と Sunburst。登録で 3 枚無料、その後は 1 枚 8 クレジット。
GPT Image 2.5 を試す
ダークモードテック記事Web UI
UI / UX デザイン

ダークモードテック記事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]プレースホルダー

プロンプトの詳細

モデル
GPT IMAGE 2
1 枚あたりのコスト
1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
アスペクト比
16:9
追加日

その他のテンプレート