domains / families / design / glass-dark-mode-clock

glass-dark-mode-clock

separate

Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.

When to use

• Apply this as a full design-system direction across background, shells, navigation, hero layout, controls, circular focal components, and motion.
• Use it when the interface should feel like a premium dark instrument panel with glassy surfaces and a clock, dial, or calibration-device centerpiece.
• This is not generic glassmorphism and not just a standalone radial widget. The full interface should support the clock-like system aesthetic.

When not to use

• generic glassmorphism
• standalone radial widget
• generic pastel glassmorphism
• bright translucent cards floating on colorful blobs
• decorative afterthought disconnected from the layout
• noisy dial with too many labels or motion
• strong accent colors breaking monochrome aesthetic
• plain black boxes with no glass depth

Skill page

Source