domains / families / design / blue-laser-clean-glass-layout

blue-laser-clean-glass-layout

separate

Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.

When to use

• Apply this as a full design-system direction across background atmosphere, navigation, hero, floating cards, dashboard shells, tables, and motion.
• Use it when the interface should feel premium, dark, blue-led, and operational, with a restrained laser beam integrated into a clean glassy layout.
• This is not only a laser effect and not generic dark glassmorphism. The beam, fog, glass shells, and dashboard framing should all support one unified system.

When not to use

• Not only a laser effect
• Not generic dark glassmorphism
• Thick neon laser bars that overpower the layout
• Flat dark dashboards with blue accents but no meaningful glass depth or atmospheric beam logic
• Pastel glassmorphism, bright blobs, or translucent white cards that break the dark premium feel
• Overdecorating every component with glow, blur, or border effects
• Letting the laser or fog reduce readability of foreground content

Skill page

Source