# GPT Image Hub prompt

## ダークモードAIニュースアーカイブUI
- URL: https://www.gptimagehub.com/ja/library/dark-japanese-ai-news-archive-ui
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-19131
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fdark-japanese-ai-news-archive-ui
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: UIデザイン, ウェブデザイン, ダークモード, 日本語タイポグラフィ, タイムライン, ダッシュボード
- Updated: 2026-10-26T21:56:33.098Z
- Created: 2026-10-26T21:56:33.098Z

タイムライン形式の記事一覧、フィルターピル、輝くヒーローカードを備えた日本語ダークモード記事アーカイブUI。カテゴリや日付を変更してカスタマイズ可能です。

### Full prompt
```text
参照画像を既存のダークテーマAIニュースウェブサイトのデザインとして使用し、同一のブランド、日本語タイポグラフィ、ダークテーマ、ロゴ、トップナビゲーション、フッターの一貫性を保ちながら刷新されたアーカイブページUIを生成してください。アクティブなトップナビゲーション項目をかすかな黄色のアンダーライン付きの[アーカイブ]に設定します。洗練されたモダンなアーカイブインターフェースを構成：タイトル[アーカイブ]の大きなボーダー付きヒーローカード、小さな黄色アイコンラベル[すべての記事]、短い紹介文、右側に配置された装飾的な金色の天体・日食グローグラフィック。ヒーローの下には検索バーと期間・並び順の2つのコンパクトなドロップダウンコントロールを配置。カテゴリフィルターピル（すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他）を並べ、「すべて」を黄色でハイライト。記事一覧は月別タイムライン形式とし、3件の記事行を含む「2026年5月」と2件の記事行を含む「2026年4月」の2セクションで構成。各行には日付、小さな黄色のタイムラインドット、太字の日本語記事タイトル、1行の要約、右側の3つのタグチップ、シェブロン矢印を表示。下部に前へ矢印、ハイライトされた1、2、3、省略記号、24、次へ矢印のページネーションを配置。ゆったりとしたスペーシング、極細ボーダー、微細なグラデーション、すりガラス調カード、美しく明瞭な日本語文字で中央揃えにレイアウトしてください。
```