Blue Laser Clean Glass Layout Skill

Use When

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

Workflow

Scope

• 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.

Visual target

• Build the page on a near-black base with subtle blue undertones and a fixed atmospheric laser background behind the interface.
• Use a thin blue or indigo laser beam with a white-hot core, soft halo, and light volumetric smoke or fog so it reads cinematic but precise.
• Layer the UI above the laser using dark frosted shells, border-gradient wrappers, translucent pills, and glass-like premium cards.
• Keep typography crisp and modern: white display copy, muted blue-gray support text, and clean compact labels for product credibility.
• Let the overall tone feel clean and expensive rather than noisy sci-fi, with the laser acting as a focused spatial motif instead of a spectacle.