# GPT Image Hub prompt

## Giao diện Web Bài báo Công nghệ Chế độ Tối
- URL: https://www.gptimagehub.com/vi/library/dark-mode-tech-article-web-ui
- Generator URL: https://www.gptimagehub.com/vi/generate?promptId=oss-ym-g2-19133
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fvi%2Flibrary%2Fdark-mode-tech-article-web-ui
- Category: Thiết kế UI / UX
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: chế độ tối, thiết kế web, ui ux, bố cục tin tức, dashboard, biên tập, giao diện tiếng nhật
- Updated: 2026-10-28T02:02:53.098Z
- Created: 2026-10-28T02:02:53.098Z

Tạo bố cục trang tin công nghệ tiếng Nhật chế độ tối hiện đại với thanh bên và ảnh hero. Thay đổi tiêu đề, thẻ và các phần để tùy biến.

### 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.
```