用 12 × 256-bit 随机种子 + 8 维决策树(设计流派 / 布局骨架 / 排版语言 / 配色 / 组件风格 / 材质 / 信息密度 / 交互动效,每维 ≥6 分支) 对主页做的完整重构:内容、功能、业务逻辑与交互能力 100% 保留(SSO 登录注册账号中心、小黑盒转换、12 张工具卡、关于、页脚), 仅浅色(暗黑分支已在抽取前过滤);原版主页未被覆盖,四套方案是 /redesign/v1..v4/ 的独立入口。 登录用户可在页面左下角「界面」开关里指定一套或随机(随机 = 每次打开主页重摇),偏好存本浏览器。
| 方案 | seed(前 16 字节) | 设计流派 | 布局骨架 | 排版语言 | 配色(仅浅色) | 组件风格 | 材质与质感 | 信息密度 | 交互与动效 |
|---|---|---|---|---|---|---|---|---|---|
| V1 · 杂志天蓝 编辑杂志风 · 瀑布流卡片墙 · 超大 hero 字 · 天蓝/湖蓝 · 药丸 · 浅渐变面 · 紧凑列表 · 跑马灯 |
e27aed8d0e346b8e… | editorial 编辑杂志风 · 大标题与栏式排版 | masonry 瀑布流 · 高低错落卡片墙 | megahero 超大号 hero 字 · 12vw 级 | sky 天蓝 #F0F7FF + 湖蓝 #0284C7 | pill 大圆角药丸 · 圆润 | gradient 浅渐变面 · 微光泽 | compact 紧凑列表 | marquee 跑马灯横滚 · 循环公告带 |
| V2 · 目录索引 孟菲斯 · 编号分区目录 · 全大写大字距 · 纸墨无彩 · 直角硬边 · 网格纸底纹 · 宽绰间距 · 错峰入场 |
5559bddd6f1570a7… | memphis 孟菲斯 · 明亮几何跳脱 | directory 目录索引 · 编号分区清单页 | caps 全大写 + 大行距字距 | paper-ink 暖白纸 #FAF9F6 + 墨黑 #1C1917,无彩色强调 | sharp 直角硬边 · 锋利 | gridpaper 网格纸底纹 | widegrid 宽绰大间距网格 | stagger 逐项错峰入场 |
| V3 · 终端橄榄 终端极客 · 瀑布流面板墙 · 无衬线中性 · 橄榄/苔绿 · 下划线链接 · 柔和投影 · 舒适适中 · 微视差 |
221b43e4e122f759… | terminal 终端极客 · 等宽字符世界 | masonry 瀑布流 · 高低错落卡片墙 | sans 系统无衬线 · 中性克制 | olive-cream 橄榄 #F5F5E9 + 苔绿 #4D7C0F | underline 下划线链接风 · 极简 | softshadow 柔和投影 · 悬浮感 | comfy 舒适适中 | parallax 微视差 · 元素深度 |
| V4 · 手作贴纸 手作贴纸涂鸦胶带 · 单栏居中 · 超大 hero 字 · 米色/朱红 · 幽灵描边 · 纸纹噪点 · 舒适适中 · 淡入轻位移 |
782fdf65243be1b6… | sticker 手作贴纸 · 涂鸦与胶带 | centered 单栏居中 · 经典纵向流 | megahero 超大号 hero 字 · 12vw 级 | cream-vermilion 米色 #F7F3E8 + 朱红 #C2410C | ghost 幽灵细描边按钮 · 无底色 | papergrain 纸纹噪点背景 | comfy 舒适适中 | fade 淡入 + 轻位移 |
| # | seed | 设计流派 | 布局骨架 | 排版语言 | 配色(仅浅色) | 组件风格 | 材质与质感 | 信息密度 | 交互与动效 |
|---|---|---|---|---|---|---|---|---|---|
| #00 ★ | e27aed8d0e346b8e… | editorial | masonry | megahero | sky | pill | gradient | compact | marquee |
| #01 ★ | 5559bddd6f1570a7… | memphis | directory | caps | paper-ink | sharp | gridpaper | widegrid | stagger |
| #02 | 49e8526188405033… | terminal | directory | mix | brick | solid | gradient | sparse | spring |
| #03 | 909d6c45889ac98b… | memphis | bento | serifbig | cream-vermilion | sharp | wireframe | columns | spring |
| #04 ★ | 221b43e4e122f759… | terminal | masonry | sans | olive-cream | underline | softshadow | comfy | parallax |
| #05 | ba19c3c28ff422f5… | zen | splithero | mono | cream-vermilion | sharp | wireframe | columns | stagger |
| #06 ★ | 782fdf65243be1b6… | sticker | centered | megahero | cream-vermilion | ghost | papergrain | comfy | fade |
| #07 | a6ecae41a2014d54… | zen | directory | caps | brick | pill | papergrain | comfy | fade |
| #08 | b301c528e1842267… | bauhaus | splithero | megahero | olive-cream | pill | papergrain | table | tilt |
| #09 | 989e7e05c6aac7af… | memphis | herofull | mix | paper-ink | pill | gradient | table | parallax |
| #10 | 724986f61109c1c3… | terminal | masonry | caps | paper-ink | segmented | papergrain | columns | type |
| #11 | bc919fa9de63482d… | swiss | directory | mix | cool-indigo | badge | softshadow | comfy | none |
| # | 00 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| #00 | 8 | 8 | 7 | 8 | 7 | 8 | 7 | 7 | 6 | 6 | 7 | 8 |
| #01 | 8 | 8 | 7 | 6 | 8 | 6 | 8 | 6 | 8 | 6 | 6 | 7 |
| #02 | 7 | 7 | 8 | 7 | 7 | 8 | 8 | 6 | 8 | 6 | 7 | 6 |
| #03 | 8 | 6 | 7 | 8 | 8 | 4 | 7 | 8 | 8 | 7 | 7 | 8 |
| #04 | 7 | 8 | 7 | 8 | 8 | 8 | 7 | 7 | 7 | 7 | 6 | 6 |
| #05 | 8 | 6 | 8 | 4 | 8 | 8 | 7 | 7 | 7 | 8 | 7 | 8 |
| #06 | 7 | 8 | 8 | 7 | 7 | 7 | 8 | 5 | 6 | 8 | 7 | 7 |
| #07 | 7 | 6 | 6 | 8 | 7 | 7 | 5 | 8 | 6 | 7 | 6 | 6 |
| #08 | 6 | 8 | 8 | 8 | 7 | 7 | 6 | 6 | 8 | 6 | 7 | 8 |
| #09 | 6 | 6 | 6 | 7 | 7 | 8 | 8 | 7 | 6 | 8 | 7 | 7 |
| #10 | 7 | 6 | 7 | 7 | 6 | 7 | 7 | 6 | 7 | 7 | 8 | 8 |
| #11 | 8 | 7 | 6 | 8 | 6 | 8 | 7 | 6 | 8 | 7 | 8 | 8 |
复现:node build-seeds.mjs --from-seeds seeds.json;重摇:node build-seeds.mjs;重建本页:node build-showcase.mjs