# GPT Image Hub prompt

## ダークモードテック記事Web UI
- URL: https://www.gptimagehub.com/ja/library/dark-mode-tech-article-web-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19133
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-mode-tech-article-web-ui
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ダークモード, Webデザイン, ui ux, ニュースレイアウト, ダッシュボード, エディトリアル, 日本語ui
- Updated: 2026-10-28T02:02:53.098Z
- Created: 2026-10-28T02:02:53.098Z

サイドバー、ヒーロー画像、編集ブロックを備えた洗練されたダークモードの日本語テックニュース画面を生成します。見出しやタグを変更して応用可能です。

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