Digital / Web UI
Dark Neon
Disciplined neon edges, strong contrast और technical nighttime mood वाला dark interface material.
Dn
Usage
- AI tool shells
- Dashboards
- Developer landing pages
Parameters
- glow radius
- accent hue
- edge width
- contrast
- motion
AI Prompt
Graphite base, thin cyan/green edge lights, restrained glow और crisp typography वाली dark neon interface बनाएं.
Tailwind notes
Dark neutral backgrounds, small glow shadows, border accents और monospace labels sparingly उपयोग करें.
Performance notes
थोड़ा box-shadow glow ठीक है. Dozens of animated glowing elements से बचें.
CSS
.dark-neon {
border: 1px solid rgba(72, 255, 203, .34);
border-radius: 14px;
background: linear-gradient(180deg, #111615, #080a0a);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 0 34px rgba(72, 255, 203, .18);
color: #e9fff8;
}React example
export function DarkNeonPanel({ children }) {
return <div className="dark-neon">{children}</div>;
}