# GPT Image Hub prompt

## Dunkelmodus-Tech-Artikel Web-UI
- URL: https://www.gptimagehub.com/de/library/dark-mode-tech-article-web-ui
- Generator URL: https://www.gptimagehub.com/de/generate?promptId=oss-ym-g2-19133
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fde%2Flibrary%2Fdark-mode-tech-article-web-ui
- Category: UI-/UX-Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: dark mode, webdesign, ui ux, nachrichten-layout, dashboard, editorial, japanische ui
- Updated: 2026-10-28T02:02:53.098Z
- Created: 2026-10-28T02:02:53.098Z

Erzeugt ein elegantes japanisches Tech-News-Layout im Dark Mode mit Seitenleiste und Hero-Image. Ändere Überschriften, Tags und Abschnitte für beliebige Themen.

### Full prompt
```text
UI/UX web redesign mockup of a modern dark-mode Japanese tech news article page, referencing the site branding and layout from the reference images. Top navigation bar with logo and navigation links. Editorial article layout with a back-to-archive breadcrumb, category pill, publication date, large bold headline, and introductory paragraph. Below the headline, a wide cinematic hero image featuring a dark space and glowing cosmic planet motif. Article body structured into 5 sections with headers: 「[Claude Codeの発表]」, 「[計算資源の強化とパートナーシップ]」, 「[利用規約の更新と謝罪]」, 「[機能・プロダクトのアップデート]」, and 「[今後の展望]」. Inline UI components include an amber-tinted callout note box, a stylized blockquote card, bullet lists, and an embedded source-link card at the end. Right sidebar featuring 4 stacked cards: 1) 「この記事の要点」 with 5 numbered key takeaways, 2) 「タグ」 with chips labeled [Anthropic], [Claude], [Claude Code], [エージェント], [計算資源], [パートナーシップ], 3) 「シェア」 with social share buttons for Link, Twitter/X, Facebook, and Hatena Bookmark, and 4) 「関連記事」 with 4 related post cards. Modern dark slate background, subtle border dividers, muted typography, warm amber accents, generous whitespace, and a clean footer linking to GitHub and news.smol.ai.
```