Ambient Empty State

Create a dark-mode empty state component. Center a softly pulsing gradient orb (indigo to violet) with heavy blur on a near-black background. Below the orb, place a thin uppercase label, a large elegant headline in off-white, a short muted description, and a single outlined button with a subtle glow on hover. Use a clean sans-serif typeface with generous line-height. Use Tailwind CSS. No cartoon illustrations, no icons, only light and typography.

创建一个深色模式空状态组件。在近黑色背景上居中放置一个柔和脉冲的渐变光球（靛蓝到紫罗兰），带有高模糊。光球下方放置细体大写标签、优雅的米白色大标题、简短的柔和描述，以及一个悬停时微发光的轮廓按钮。使用干净的无衬线字体和宽松的行高。使用 Tailwind CSS。不要卡通插图、不要图标，只有光线和字体。

Overview

An empty state that feels intentional and premium. Replaces generic illustrations with atmosphere, light, and restrained typography.

Features

• Pulsing gradient orb with heavy blur
• Near-black background
• Uppercase label + large headline
• Muted description
• Glowing outline CTA on hover
• No icons or illustrations

Usage

Use for dashboards, lists, or galleries with no data yet. Set the right emotional tone before the user takes action.

Customization

Modify the prompt to:

• Change the orb color to match brand accent
• Add a subtle noise texture overlay
• Replace the button with a ghost link
• Add a slow orb drift animation