ダークAIニュースアーカイブの再設計

既存のダークAIニュースWebサイトのデザインリファレンスとしてREFERENCE_0とREFERENCE_1を使用し、ブランディング、日本語タイポグラフィ、ダークテーマ、ロゴ、トップナビゲーション、フッターラベルの一貫性を維持しながら、完全に刷新されたアーカイブページUIを作成しました。現在アクティブなトップナビゲーション項目は{argument name="active navigation" default=""}に設定され、控えめな黄色のアンダーラインが追加されました。シンプルなリストレイアウトを洗練されたモダンなアーカイブインターフェースに置き換えます。{argument name="page title" default=""}というタイトルの枠付きの大きなヒーローカードを追加します。小さな黄色のアイコンでラベル付けされています。{argument name="eyebrow label" default="All articles"} ヒーローカードの右側に、簡単な紹介文と装飾的な金色の日食/惑星の光るグラフィックを追加します。その下に、検索バーと、期間と並べ替え方法を選択するための2つのコンパクトなドロップダウンメニューを追加します。カテゴリフィルタタグを 8 つ追加します: すべて (subete)、Claude、OpenAI、Google、Agents、 (taught)、ニュース (news)、研究 (research)、その他 (other)。「すべて」を黄色で強調表示します。記事リストを月ごとにグループ化されたタイムラインに変換し、2 つの月セクション (2026 年 5 月は 3 行、2026 年 4 月は 2 行) を作成します。各行には、日付、小さな黄色のタイムラインドット、太字の日本語記事タイトル、1 行の要約、右側の 3 つのタグブロック、矢印アイコンを表示します。適切な場合は、参照に表示されている記事タイトルを使用し、アーカイブページと同様のタイトルを追加して補足します。下部に、前のページへの矢印、強調表示された数字 1、2、3、省略記号、24、次のページへの矢印の 6 つの要素を含むページネーション コントロールを追加します。ページを中央に配置し、十分な間隔、細い境界線、微妙なグラデーション、ガラスのようなカード、日本語テキストの完璧なレンダリングを活用します。