Dark AI News 归档页面重新设计

COMMUNITY PROMPT

完整提示词

以下为来源站提供的中文译文，可直接使用或复制后修改。

提示词正文需上传参考图

以 REFERENCE_0 和 REFERENCE_1 作为现有的深色 AI 新闻网站设计参考，在保持品牌、日语排版、深色主题、Logo、顶部导航和页脚标识一致的前提下，创建一个焕然一新的归档页面 UI。将当前激活的顶部导航项设置为 {argument name="active navigation" default="アーカイブ"}，并添加一条细微的黄色下划线。将简单的列表布局替换为精致的现代归档界面：添加一个带有边框的大型 Hero 卡片，标题为 {argument name="page title" default="アーカイブ"}，配有一个黄色的小图标标签 {argument name="eyebrow label" default="すべての記事"}、一段简短的介绍语，并在 Hero 卡片右侧添加一个装饰性的金色日食/行星发光图形。在下方添加一个搜索栏以及两个用于选择时间段和排序方式的紧凑型下拉菜单。添加 8 个分类筛选标签：すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他，并将“すべて”以黄色高亮显示。将文章列表转换为按月份分组的时间轴，包含 2 个月份板块：2026 年 5 月包含 3 行文章，2026 年 4 月包含 2 行文章。每一行应显示日期、一个黄色的小时间轴圆点、加粗的日语文章标题、一行摘要、右侧的 3 个标签块以及一个箭头图标。在适当位置使用参考资料中可见的文章标题，并补充类似归档页面的额外标题。在底部添加分页控件，包含 6 个元素：上一页箭头、高亮的 1、2、3、省略号、24、下一页箭头。保持页面居中，并运用充裕的间距、细边框、微妙的渐变、玻璃质感卡片以及完美的日语文本渲染效果。

来源与说明

由 千葉村（京都） 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

查看原始来源

完整提示词

来源与说明

继续阅读