ikanp.top 主页 · 随机种子驱动的 4 套 UI 方案

用 12 × 256-bit 随机种子 + 8 维决策树(设计流派 / 布局骨架 / 排版语言 / 配色 / 组件风格 / 材质 / 信息密度 / 交互动效,每维 ≥6 分支) 对主页做的完整重构:内容、功能、业务逻辑与交互能力 100% 保留(SSO 登录注册账号中心、小黑盒转换、12 张工具卡、关于、页脚), 仅浅色(暗黑分支已在抽取前过滤);原版主页未被覆盖,四套方案是 /redesign/v1..v4/ 的独立入口。 登录用户可在页面左下角「界面」开关里指定一套或随机(随机 = 每次打开主页重摇),偏好存本浏览器。

并排预览

V1 · 杂志天蓝编辑杂志风 · 瀑布流卡片墙 · 超大 hero 字 · 天蓝/湖蓝 · 药丸 · 浅渐变面 · 紧凑列表 · 跑马灯

V2 · 目录索引孟菲斯 · 编号分区目录 · 全大写大字距 · 纸墨无彩 · 直角硬边 · 网格纸底纹 · 宽绰间距 · 错峰入场

V3 · 终端橄榄终端极客 · 瀑布流面板墙 · 无衬线中性 · 橄榄/苔绿 · 下划线链接 · 柔和投影 · 舒适适中 · 微视差

V4 · 手作贴纸手作贴纸涂鸦胶带 · 单栏居中 · 超大 hero 字 · 米色/朱红 · 幽灵描边 · 纸纹噪点 · 舒适适中 · 淡入轻位移

选中的 4 组 · 种子与逐维决策

方案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
淡入 + 轻位移

12 组随机组合全表(★ = 入选)

#seed设计流派布局骨架排版语言配色(仅浅色)组件风格材质与质感信息密度交互与动效
#00 ★ e27aed8d0e346b8e… editorialmasonrymegaheroskypillgradientcompactmarquee
#01 ★ 5559bddd6f1570a7… memphisdirectorycapspaper-inksharpgridpaperwidegridstagger
#02 49e8526188405033… terminaldirectorymixbricksolidgradientsparsespring
#03 909d6c45889ac98b… memphisbentoserifbigcream-vermilionsharpwireframecolumnsspring
#04 ★ 221b43e4e122f759… terminalmasonrysansolive-creamunderlinesoftshadowcomfyparallax
#05 ba19c3c28ff422f5… zensplitheromonocream-vermilionsharpwireframecolumnsstagger
#06 ★ 782fdf65243be1b6… stickercenteredmegaherocream-vermilionghostpapergraincomfyfade
#07 a6ecae41a2014d54… zendirectorycapsbrickpillpapergraincomfyfade
#08 b301c528e1842267… bauhaussplitheromegaheroolive-creampillpapergraintabletilt
#09 989e7e05c6aac7af… memphisherofullmixpaper-inkpillgradienttableparallax
#10 724986f61109c1c3… terminalmasonrycapspaper-inksegmentedpapergraincolumnstype
#11 bc919fa9de63482d… swissdirectorymixcool-indigobadgesoftshadowcomfynone

差异矩阵(8 维中不同维度的数量)

#000102030405060708091011
#00887878776678
#01887686868667
#02778778868676
#03867884788778
#04787888777766
#05868488777878
#06788777856877
#07766877586766
#08688877668678
#09666778876877
#10767767767788
#11876868768788

复现:node build-seeds.mjs --from-seeds seeds.json;重摇:node build-seeds.mjs;重建本页:node build-showcase.mjs