# GPT Image Hub prompt

## 深色模式科技新闻网页界面
- URL: https://www.gptimagehub.com/zh-CN/library/dark-mode-tech-article-web-ui
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-19133
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fdark-mode-tech-article-web-ui
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: 深色模式, 网页设计, ui ux, 新闻排版, 仪表盘, 编辑排版, 日文界面
- Updated: 2026-10-28T02:02:53.098Z
- Created: 2026-10-28T02:02:53.098Z

生成带有侧边栏、首图和排版模块的精致深色模式日文科技新闻页面。修改标题、标签与章节名称可适配任何主题。

### Full prompt
```text
基于参考图片中网站品牌与布局的现代深色模式日文科技新闻文章页面UI/UX设计稿。顶部设有带Logo和导航链接的顶栏。编辑风格布局包含返回归档链接、分类标签、发布日期、醒目的大标题及导语段落。标题下方展示一张以深邃太空和发光星球为主题的宽幅影院质感头图。正文结构包含5个小标题：「[Claude Codeの発表]」、「[計算資源の強化とパートナーシップ]」、「[利用規約の更新と謝罪]」、「[機能・プロダクトのアップデート]」和「[今後の展望]」。内联UI组件包括琥珀色高亮提示框、引言卡片、项目符号列表以及底部的来源链接卡片。右侧边栏包含4个垂直排列的卡片：1) 带有5条要点的「この記事の要点」；2) 包含[Anthropic]、[Claude]、[Claude Code]、[エージェント]、[計算資源]、[パートナーシップ]的「タグ」；3) 包含链接、Twitter/X、Facebook、Hatena Bookmark按钮的「シェア」；4) 带有4条带日期链接的「関連記事」。暗岩灰色背景，精致细边框，低饱和度灰色文字，琥珀色强调线条，充裕留白，底部带有GitHub和news.smol.ai链接。
```