◆ Welcome · PrismGlass Space
欢迎来到
NW' 数字空间
2026.6.18 起 · 技术与设计的实验场
深空渐变 · 磨砂玻璃 · 青色霓虹
一个由 PrismGlass 驱动的未来主义博客 ——
深空渐变、磨砂玻璃、青色霓虹，
每一个像素都没有经过精心打磨，每一次交互都不如水面泛起涟漪。
2026
始于此刻 · 持续迭代
20+
PrismGlass 组件
4
核心页面 · 待扩充
∞
探索的可能性
01
为什么是 PrismGlass
磨砂玻璃设计系统
深空渐变底色、统一设计令牌、克制的低圆角 —— 所有组件共享同一套视觉语言， 一改全改，风格永不漂移。
事件委托 · 零配置交互
Modal、Toast、Dropdown 全部通过 data-pg-* 属性驱动，
单一运行时事件委托，无需写一行 JS。
静态构建 · 开箱即快
基于 Astro 静态生成，零客户端框架开销；CSS 变量驱动的主题， 在深空与霓虹之间 自由穿梭。
02
开始探索
03
设计理念
隔离 复用 进化
让组件成为活的文档
PrismGlass 的一切都建立在可读、可改、可组合的 CSS 变量之上： 不追求炫技，只追求「每一个元素都值得被观察」。
“设计不是如何看起来，而是如何被感知。毛玻璃的透明，是把层次留给光。”
—— NW，2026.6.18 于 PrismGlass v2.0
设计令牌 · 节选
/* 深空底色 */
--bg-deep: #060b14;
/* 霓虹强调色 */
--accent-cyan: #22d3ee;
--accent-purple: #a855f7;
/* 磨砂玻璃层 */
--glass-medium: rgba(255,255,255,0.06);
/* 克制的低圆角 */
--radius-md: 4px;
/* 优雅缓动 */
--ease-out-expo: cubic-bezier(.19, 1, .22, 1);
--bg-deep: #060b14;
/* 霓虹强调色 */
--accent-cyan: #22d3ee;
--accent-purple: #a855f7;
/* 磨砂玻璃层 */
--glass-medium: rgba(255,255,255,0.06);
/* 克制的低圆角 */
--radius-md: 4px;
/* 优雅缓动 */
--ease-out-expo: cubic-bezier(.19, 1, .22, 1);
保持 联系
如果你也对技术、设计与「不务正业的实验」感兴趣，欢迎在任何平台找到我。
Powered by PrismGlass · Astro · FontAwesome