domains / families / design / dither-laser-dark-mode

dither-laser-dark-mode

separate

Create a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser atmosphere.

When to use

• Apply this as a full design-system direction across background, surfaces, panels, controls, spacing, borders, and motion.
• Use it when the interface should feel premium, technical, atmospheric, and dark, with a restrained laser motif and subtle dither texture.
• This is not just a background effect. The whole UI should feel unified around dark-mode depth, precise framing, and luminous accent restraint.

When not to use

• Thick neon laser bars
• Overwhelming bloom
• Full-frame fog that destroys readability
• Hardcoding indigo or cyan when the design clearly uses another accent color
• Heavy dither everywhere
• Flat black layouts with no texture, depth, or material separation
• Generic SaaS cards and gradients that ignore the laser-plus-dither visual system

Skill page

Source