Copy-ready prompt
Using REFERENCE_0 and REFERENCE_1 as design references for the existing dark AI news website, a completely refreshed archive page UI was created while maintaining consistency in branding, Japanese typography, dark theme, logo, top navigation, and footer labeling. The currently active top navigation item was set to {argument name="active navigation" default="アーカイブ"} And add a subtle yellow underline. Replace the simple list layout with a sophisticated, modern archive interface: add a large Hero card with a border, titled {argument name="page title" default="アーカイブ"} It is labeled with a small yellow icon.{argument name="eyebrow label" default="All articles"} Add a brief introductory text and a decorative gold eclipse/planetary glowing graphic to the right of the Hero card. Below, add a search bar and two compact dropdown menus for selecting time periods and sorting methods. Add eight category filter tags: すべて (subete), Claude, OpenAI, Google, Agents, ツール (taught), ニュース (news), 研究 (research), and その他 (other), highlighting "すべて" in yellow. Convert the article list to a timeline grouped by month, with two monthly sections: May 2026 with three rows of articles, and April 2026 with two rows. Each row should display the date, a small yellow timeline dot, a bold Japanese article title, a single-line summary, three tag blocks on the right, and an arrow icon. Use article titles visible in the references where appropriate, and supplement with additional titles similar to those on archive pages. Add a pagination control at the bottom, containing six elements: a previous page arrow, highlighted numbers 1, 2, 3, an ellipsis, 24, and a next page arrow. Keep the page centered and utilize ample spacing, thin borders, subtle gradients, glass-like cards, and perfect rendering of Japanese text.
Prompt breakdown
Using REFERENCE_0 and REFERENCE_1 as design references for the existing dark AI news website, a completely refreshed archive page UI was created while maintaining consistency in branding, Japanese typography, dark theme, logo, top navigation, and footer labeling.
The currently active top navigation item was set to {argument name="active navigation" default="アーカイブ"} And add a subtle yellow underline.
Replace the simple list layout with a sophisticated, modern archive interface: add a large Hero card with a border, titled {argument name="page title" default="アーカイブ"} It is labeled with a small yellow icon.{argument name="eyebrow label" default="All articles"} Add a brief introductory text and a decorative gold eclipse/planetary glowing graphic to the right of the Hero card.
Below, add a search bar and two compact dropdown menus for selecting time periods and sorting methods.









