Digital / Web UI
Dark Neon
Un material oscuro con bordes neón controlados, contraste fuerte y ambiente técnico nocturno.
Dn
Usos
- Herramientas IA
- Dashboards
- Landings para devs
Parámetros
- glow radius
- accent hue
- edge width
- contrast
- motion
Prompt IA
Crea una interfaz dark neon con base grafito, luces finas cyan/verde, glow controlado y tipografía nítida.
Notas Tailwind
Usa fondos neutros oscuros, glow pequeño, bordes de acento y labels monoespaciados con moderación.
Rendimiento
El glow con box-shadow funciona si es limitado. Evita muchos elementos animados.
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;
}Ejemplo React
export function DarkNeonPanel({ children }) {
return <div className="dark-neon">{children}</div>;
}