用途:用于系统/架构概念揭示、温暖产品叙事、网络或记忆类图解。视觉提炼自 huashu-design 的 Takram 流派(MIT,© alchaincyf)。
主要能力:画布 1920×1080,米色底 #EFEAE0,右侧叠 sage 绿径向 wash(rgba(122,158,127,0.10))。字体为西文 Manrope 700/600/400 与中文 Noto Sans SC。默认 5s 时间轴:0.2s 左侧毛玻璃圆角卡(rgba(255,253,248,0.66)、blur 8px、border-radius 40px)升入;0.7s 绿色 eyebrow(#7A9E7F,uppercase,letter-spacing 4px)fadeUp;0.9s 卡标题(92px,weight 700)fadeUp,accent 词用陶土橙 #C98A5E;1.2s caption(22px,#8A867C,line-height 1.8)fadeUp;1.3s 右侧放射图中心节点(陶土橙,r=40)弹出;1.4s 起 8 条曲线 link(sage #B8C9BA,stroke-dasharray draw)错峰描出;1.9s 起 8 个外围节点(sage 绿,r=22)错峰 pop;2.0s 起放射图进入 7s 慢漂浮循环。
使用方式:单文件 HTML。节点数 4-8 按内容调整,需改 SVG 里 node/link 数量与角度。动效用 @keyframes 加 SVG stroke-dashoffset,prefers-reduced-motion 下全部停在终态。
限制:配色纪律为米色、暖白卡、sage 绿、陶土橙、暖灰文字,禁止高饱和科技蓝/紫;绿是结构色,橙是强调色。必须使用真实概念与关系,严禁 lorem ipsum。其余安装或运行细节暂未提供。