Dark AI News アーカイブページのリデザイン

既存の AI ニュースサイトの UI をベースに、モダンなダークモードの日本語アーカイブページを生成します。

プロンプト

REFERENCE_0 および REFERENCE_1 を既存のダーク AI ニュースサイトのデザインとして参照し、ブランドイメージ、日本語のタイポグラフィ、ダークテーマ、ロゴ、トップナビゲーション、フッターのアイデンティティを維持しつつ、刷新されたアーカイブページの UI を作成してください。トップナビゲーションの現在地はアーカイブに設定し、その下に控えめな黄色のアンダーラインを引いてください。シンプルなリストレイアウトを洗練されたモダンなアーカイブインターフェースに変更します。アーカイブというタイトルの大きな枠線付きヒーローカードを配置し、その上に小さな黄色のアイコンラベルすべての記事、短い紹介文、そしてヒーローカードの右側に装飾的な黄金の日食または惑星の輝きをあしらってください。その下に検索バーと、期間および並び替え用のコンパクトなドロップダウンコントロールを 2 つ配置してください。カテゴリーフィルターピルを「すべて」「Claude」「OpenAI」「Google」「Agents」「ツール」「ニュース」「研究」「その他」の計 8 つ配置し、「すべて」を黄色でハイライトしてください。記事リストは月ごとにグループ化されたタイムライン形式に変更し、2026 年 5 月（記事 3 件）と 2026 年 4 月（記事 2 件）の計 2 つの月セクションを作成してください。各行には日付、小さな黄色のタイムラインドット、太字の日本語記事タイトル、1 行の要約、右側に 3 つのタグチップ、そしてシェブロン矢印を表示してください。参照元の記事タイトルを適宜使用し、アーカイブらしいタイトルを追加してください。下部には「前へ」の矢印、ハイライトされた「1」、「2」、「3」、「…」、「24」、「次へ」の矢印という計 6 つのコントロールを持つページネーションを追加してください。ページ全体を中央揃えにし、十分な余白、細い枠線、繊細なグラデーション、ガラスのような質感のカード、そして読みやすい完璧な日本語テキストレンダリングを適用してください。