用途:让整页呈现未来感、高端、干净且具基础设施气质;深蓝网格渐变是构图引擎,而非普通背景。资料未提供安装命令与调用方式,暂未提供。
主要能力:建立近黑海军蓝底色;英雄外壳内放置类着色器网格渐变、CPPN 风格场、抽象 WebGL 幕或 canvas 光场;配套白色标题、灰蓝正文、克制强调色;紧凑深色半透明胶囊导航;少量浮起玻璃胶囊节点、活动圆点、小标签与连接线;细竖轨、角标、数字标记与带框下部分区;一个亮实心胶囊与一个幽灵/玻璃胶囊 CTA;缓慢网格漂移、扫描条纹、文字遮罩揭示、节点微弱闪光。
结构配方:基础为近黑海军蓝,非纯黑;英雄外壳为大圆角容器,白色到透明渐变边框与更深内填充;色彩令牌包括 --mesh-bg #030712、--mesh-bg-blue #07111f、--mesh-accent #dbeafe、--mesh-cobalt #1d4ed8、--mesh-indigo #312e81、--mesh-steel #385a7c 等;提供 .mesh-page、.mesh-shell、.mesh-shell__field、.mesh-shell__content、.mesh-nav、.mesh-node、.mesh-rail、.mesh-corner、.mesh-cta-primary、.mesh-cta-secondary 等类;canvas 网格函数 initDarkBlueMesh(canvas) 使用 2D 径向渐变与 screen 合成,支持 prefers-reduced-motion。
适用场景:需要高级、技术感、克制的深色页面或产品首屏;节点密度可调,少节点更奢华,多标记更基础设施。
限制与避免:不要平面 CSS 渐变、荧光青泛滥、拥挤仪表盘、无结构的半透明团块、过重着色器影响可读性、破坏深色氛围的浅蓝区块;动效缓慢,12 至 28 秒循环,无锐利缓动;减少动态时冻结网格、取消闪光并保持布局对比。资料未提供平台、收费与价格信息,暂未提供。