# Dark AI News Archive Redesign

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, graphic or type, minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QK1CZDCJPWB0PE4AF6ZY7/w1200.webp
- Page: https://promptclay.com/prompts/dark-ai-news-archive-redesign-dcxq3h

## Prompt

```text
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 {active_navigation} with a subtle yellow underline. Replace the simple list layout with a polished modern archive interface: add a large bordered hero card titled {page_title}, with a small yellow icon label {eyebrow_label}, 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.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{active_navigation}` | active navigation | アーカイブ |
| `{page_title}` | page title | アーカイブ |
| `{eyebrow_label}` | eyebrow label | すべての記事 |

## About

Generates a modern dark-mode Japanese archive page redesign from an existing AI news website UI.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/dark-ai-news-archive-redesign-dcxq3h
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Dark News Article UI Redesign](/prompts/dark-news-article-ui-redesign-sgdqpw.md): GPT Image 2, by @library.ui.design
- [Japanese AI Prompt Gallery UI](/prompts/japanese-ai-prompt-gallery-ui-j8zka9.md): GPT Image 2, by @library.brand
- [Dark AI Viewer with Course Website Preview](/prompts/dark-ai-viewer-with-course-website-preview-2e7avq.md): GPT Image 2, by @library.ui.design
- [Japanese AI Product Landing Page Hero](/prompts/japanese-ai-product-landing-page-hero-8j7ksh.md): GPT Image 2, by @library.brand
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Nano Banana Pro for 4K Art and Research Agents](/prompts/nano-banana-pro-for-4k-art-and-research-agents-zwn8cw.md): Nano Banana Pro, by @library.art
- [Generating Hollywood Detective Scene Images with Character Reference](/prompts/generating-hollywood-detective-scene-images-with-character-reference-fhyg0n.md): Nano Banana Pro, by @library.portraits
- [Autonomous AI 4-Panel Manga Generation System Prompt](/prompts/autonomous-ai-4-panel-manga-generation-system-prompt-3awrqs.md): Nano Banana Pro, by @library.art
- [Thumbnail text overlay based on attachment](/prompts/thumbnail-text-overlay-based-on-attachment-w5pswp.md): Nano Banana Pro, by @library.social
- [System Prompt for Nano Banana Pro Image Prompt Deconstruction](/prompts/system-prompt-for-nano-banana-pro-image-prompt-deconstruction-j52hw7.md): Nano Banana Pro, by @library.infographics
- [Anime TCG Card Illustration Prompt](/prompts/anime-tcg-card-illustration-prompt-n9hvnr.md): GPT Image 2, by @library.game.art

---
Canonical: https://promptclay.com/prompts/dark-ai-news-archive-redesign-dcxq3h
Search: /search.md?q=your+words