Using REFERENCE_0 and REFERENCE_1 as the … | AI 灵感图库

Using REFERENCE_0 and REFERENCE_1 as the existing dark AI news website design, create a refreshed archive page UI while preserving the same brand, Japanese typography, dark theme, logo, top navigation, and footer identity. Set the active top navigation item to {argument name="active navigation" default="アーカイブ"} with a subtle yellow underline. Replace the simple list layout with a polished modern archive interface: add a large bordered hero card titled {argument name="page title" default="アーカイブ"}, with a small yellow icon label {argument name="eyebrow label" default="すべての記事"}, a short intro sentence, and a decorative golden eclipse/planet glow graphic on the right side of the hero. Below it, add a search bar and two compact dropdown controls for period and sort order. Add exactly 8 category filter pills labeled: すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他, with すべて highlighted in yellow. Transform the article list into a timeline grouped by month with exactly 2 month sections: 2026年5月 containing 3 article rows, and 2026年4月 containing 2 article rows. Each row should show a date, a small yellow timeline dot, a bold Japanese article title, a one-line summary, 3 tag chips on the right, and a chevron arrow. Use the visible article titles from the references where appropriate, plus archive-like additional titles. Add bottom pagination with exactly 6 controls: previous arrow, 1 highlighted, 2, 3, ellipsis, 24, next arrow. Keep the page centered with generous spacing, thin borders, subtle gradients, glassy cards, and perfect readable Japanese text rendering.