设计理念
Nano Muse 的设计语言源于对未来科技与人文温度的融合思考。我们选择了冰蓝色系作为主色调,配合大面积的毛玻璃效果,营造出既有科技感又不失温柔的视觉体验。
配色系统
主色采用 #5a9fd4 冰蓝,辅以 #7eb8e0 浅蓝和 #34d399 信号绿。整套配色在亮色和暗色模式下都经过精心调校,确保可读性和美感。
毛玻璃效果
卡片的毛玻璃效果使用 backdrop-filter: blur(18px) saturate(1.4) 实现,底层图片透过半透明白色面板产生柔和的磨砂质感。
好的设计不是添加更多元素,而是找到恰到好处的平衡。
响应式策略
采用 CSS Grid 实现自适应布局,卡片在不同屏幕宽度下自动调整列数。移动端优先,确保小屏设备上的阅读体验同样出色。
— EOF —