# Dark News Article UI 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, typography, minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69TE53H194KXFKK25S5Z5E3/w1200.webp
- Page: https://promptclay.com/prompts/dark-news-article-ui-redesign-sgdqpw

## Prompt

```text
Using REFERENCE_1 as the source article page and REFERENCE_0 as the site branding/navigation reference, redesign the article page into a polished modern dark-mode news UI while preserving the Japanese article topic and overall site identity. Keep the header with logo and nav links, but make the article layout wider and more editorial: add a back-to-archive link, a category pill, date, large bold headline, short intro paragraph, and a wide cinematic hero image with a dark space/planet glow motif. Reformat the article body into clear sections with exactly 5 visible section headings: 「Claude Codeの発表」, 「計算資源の強化とパートナーシップ」, 「利用規約の更新と謝罪」, 「機能・プロダクトのアップデート」, and 「今後の展望」. Add inline UI enhancements including one highlighted note/callout box, one quote box, bullet lists, and a bottom source-link card. Add a right sidebar containing exactly 4 stacked cards: 1) 「この記事の要点」 with 5 numbered summary points, 2) 「タグ」 with 6 tag chips labeled Anthropic, Claude, Claude Code, エージェント, 計算資源, パートナーシップ, 3) 「シェア」 with 4 share buttons/icons for link, Twitter/X, Facebook, and Hatena Bookmark, and 4) 「関連記事」 with 4 related article links and dates. Use subtle borders, rounded cards, muted gray text, amber accent lines, and generous spacing; keep the footer links GitHub and news.smol.ai.
```

## About

Transforms a simple Japanese AI news article page into a modern dark editorial layout with sidebar summaries, tags, sharing, and related articles.

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

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/dark-news-article-ui-redesign-sgdqpw
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)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-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)
- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [Glassmorphism SaaS-style PPT design prompt for Nano Banana Pro](/prompts/glassmorphism-saas-style-ppt-design-prompt-for-nano-banana-pro-nwtnsz.md): Nano Banana Pro, by @library.infographics
- [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
- [Dark AI News Archive Redesign](/prompts/dark-ai-news-archive-redesign-dcxq3h.md): GPT Image 2, by @library.ui.design
- [AI Assistant App UI Mockup](/prompts/ai-assistant-app-ui-mockup-5jc0h8.md): GPT Image 2, by @library.ui.design
- [Cyberpunk Witch Summoning Ritual](/prompts/cyberpunk-witch-summoning-ritual-t32zmp.md): GPT Image 2, by @library.game.art
- [Anime GI Lighting Comparison](/prompts/anime-gi-lighting-comparison-9z2cn4.md): GPT Image 2, by @library.explainers
- [4-Panel Manga Dialogue Prompt](/prompts/4-panel-manga-dialogue-prompt-vt3jsc.md): Nano Banana Pro, by @library.comics
- [Monochrome Summer Hamster Manga Page](/prompts/monochrome-summer-hamster-manga-page-9c7tap.md): GPT Image 2, by @library.anime
- [Sumi-e Samurai Poster Art](/prompts/sumi-e-samurai-poster-art-pexd0y.md): GPT Image 2, by @library.typography
- [Hand-Drawn Style Photo Annotation](/prompts/hand-drawn-style-photo-annotation-z8269s.md): GPT Image 2, by @library.lifestyle
- [Luxury Cosmetic Brand Infographic](/prompts/luxury-cosmetic-brand-infographic-6z8677.md): Nano Banana Pro, by @library.infographics

---
Canonical: https://promptclay.com/prompts/dark-news-article-ui-redesign-sgdqpw
Search: /search.md?q=your+words