🌌 Colores principales de la marca
RolColorHex
Naranja Cósmico (Base de Fondo) Naranja de Nebulosa Profunda #C96A2B
Naranja espacial oscuro (profundidad/variación) Naranja quemado #8F3E17
Azul eléctrico (acento clave) Azul brillante UI #0A84FF
Azul técnico profundo (Hover / Profundidad) Azul intenso#0057D9
Estos elementos refuerzan la energía existente en tu entorno y tus fronteras.
🧱 Colores estructurales/de diseño
RolColorHex
Fondo principal AltSoft Dark Slate#4A5568
Paneles de sección Gris acero #2D3748
Bordes / Separadores Gris frío#A0AEC0
Estos elementos complementan la banda de contenido gris sin desentonar con el naranja.
✨ Colores de tipografía
RolColorHex
Texto principal Blanco limpio#FFFFFF
Secundaria TextSoft Silver#CBD5E0
Texto atenuado Gris claro frío#A0AEC0
El blanco combina a la perfección con tus superposiciones más oscuras.
🔵 Interacción / Elementos de la interfaz de usuario
RolColorHex
Botones principales Azul eléctrico #0A84FF
Botón flotante Azul técnico profundo#0057D9
Resaltado / Efecto de brillo Resplandor cian #3AB0FF
Esto mantiene la sensación de "red / señal / tecnología".
✅ Por qué esto funciona mejor para tu sitio web
Tu diseño es llamativo e ilustrativo, no minimalista. La paleta de colores debería:
✔ Apoya la obra de arte cósmica naranja en lugar de combatirla.
✔ Conservar el llamativo motivo del marco azul eléctrico
✔ Mantén una alta legibilidad en fondos recargados.
✔ Se siente intencional en lugar de aleatorio.
💡 Mejoras opcionales (de alto impacto)
Si quieres mejorar el aspecto sin rediseñar:
1. Añade sutiles efectos de brillo a los elementos azules.
box-shadow: 0 0 8px rgba(10, 132, 255, 0.6);
2. Ligera transparencia en los paneles para dar profundidad.
fondo: rgba(45, 55, 72, 0.85);
filtro de fondo: desenfoque(4px);
3. Utiliza tonos azules degradados en lugar de bordes planos.
border-image: linear-gradient(#3AB0FF, #0057D9) 1;
Estos elementos amplifican la estética de ciencia ficción/señal que ya has comenzado a usar.
Si lo desea, puedo ayudarle con lo siguiente:
✔ Estilos de botones
✔ Combinaciones de fuentes para este tema
✔ Ideas para limpiar el diseño
✔ Una versión modernizada que conserva tu personalidad.
Solo dime la dirección (más moderna, más retro, más corporativa, etc.).