glass-dark-mode-clock

name	glass-dark-mode-clock
description	创建一个暗色玻璃设计系统，带有磨砂外壳、柔和光束网格、圆形时钟般的校准表盘，以及精准的科幻仪器框架。

Glass Dark Mode Clock Skill

何时使用

• 创建一个暗色玻璃设计系统，带有磨砂外壳、柔和光束网格、圆形时钟般的校准表盘，以及精准的科幻仪器框架。

工作流程

范围

• 将其作为一套完整的设计系统方向，贯穿背景、外壳、导航、主视觉布局、控件、圆形焦点组件与运动。
• 当界面应显得像一块高级的暗色仪器面板，带有玻璃质面板与一个时钟、表盘或校准装置作为核心时使用。
• 这不是平庸的玻璃拟态，也不只是一个独立的径向小组件。整个界面都应支撑这套时钟般的系统美学。

视觉目标

• 在黑色或近黑基底上搭建页面，带极微妙的网格线、竖向与横向光束引导，以及淡淡的结构十字线。
• 为导航栏、药丸标签与控件使用暗色玻璃或磨砂黑面板，带模糊、纤细的白色边缘渐变与克制的反射。
• 引入一个主导性的圆形焦点元素，让它像一台时钟、校准表盘或共振仪器，带环、刻度、度数或旋转文字路径。
• 保持调色板以单色为主：黑、白、锌灰与烟灰。强调的亮度应来自玻璃高光与柔和白色辉光，而非饱和色彩。
• 让成果显得精准、科学且略带电影感，用圆形表盘像计时或校准装置那样锚定页面。

实现指引

• 为导航、药丸标签与动作控件使用磨砂外壳，带纤细渐变边框、低不透明度填充与柔和的背景模糊。
• 用十字线、校准标记、等宽标签、径向环与小界面提示来支撑圆形核心，使其显得被工程化。
• 时钟或表盘应分层：外环、刻度标记、旋转标签或文字、中央核心，以及可选的六边形或几何内框。
• 让主视觉文案保持干净稀疏，在分栏布局或平衡的双列构图中置于表盘旁。
• 若存在运动，偏好缓慢旋转的环、漂移的光束、微妙的丝缕与温和的显现序列。运动应显得连续且冥想式，而非炫目。
• 玻璃处理应保持暗色且高级。避免半透明的白色团块；改用受控的烟色填充配清晰高光。

推荐模式

• 固定的暗色导航，带背景模糊与纤细底边框，悬浮在低对比的网格场之上。
• 眉标药丸与按钮做成暗色玻璃胶囊，带 1px 高光包裹与干净的内部暗色填充。
• 圆形主视觉表盘，带外层文字路径、度数标签、旋转刻度组与极简的中心徽记。
• 背景光束线与十字线，与圆形模块及排版对齐，以强化校准逻辑。
• 表盘区域内的柔和白色丝缕、雾或径向高光，使玻璃与时钟表面显得鲜活。

调节旋钮

• 玻璃强度：调节模糊、不透明度与高光强度，使面板读作高级而不浑浊。
• 表盘复杂度：根据系统应有的仪器感，增删环、刻度、标签与技术标记。
• 运动节奏：让旋转与光束扫掠保持足够缓慢，以显得稳定可控。
• 对比：在白色文字、灰色辅助文案与暗色玻璃层之间保持强可读性。
• 辉光克制：仅在焦点玻璃边缘附近或表盘内部使用柔和白色辉光，而非铺满整页。

避免

• 平庸的粉彩玻璃拟态，明亮的半透明卡片漂浮在彩色团块上。
• 把时钟母题当作与布局脱节的装饰性附加。
• 用过多标签或运动堆满表盘，直到它变得嘈杂。
• 使用强烈的强调色，破坏单色校准美学。
• 把一切压扁成没有玻璃纵深、光束结构或径向层级的普通黑盒子。