Paleta de colores

Fondo principal 1 VERIFICADO

#030D17

Fondo 2 VERIFICADO

#0A131F

Detalles 1 VERIFICADO

#5B42FF

Fondo global 1

  • Azul: #2278FF
  • Cian: #26B7FF
  • Morado: #5B42FF
  • Fondo: #060B1A
  • Blanco: #FFFFFF

Fondo global 2

#020817

Fondo

#6C3FF2

Fondo

#8D8D8D

Fondo global 2

#020817

Gris detalles 1

#8D8D8D

Detalles 2

#8D8D8D

Borde 1

rgba(255, 255, 255, 0.0784313725490196)

Fondo global

#020817

Azul principal

#0D47FF

Verde accent

#00D1B2

Morado accent

#8A3DFF

Gold accent

#F2A900

01
01
01
01
01

1. Fondo base principal (común en todas)

Dark Navy / Midnight

#020817

#030B1F

#061225

Usado como:

  • Fondo principal
  • Base del degradado
  • Background general SaaS premium

TARJETA AZUL (Consultoría / Analytics)

Degradado principal

#0D47FF

#031B52

#1560FF

background:
radial-gradient(circle at top left,
#0D47FF 0%,
#031B52 25%,
#020817 70%);

border: 1px solid #1560FF;

TARJETA VERDE / TEAL (Integración TIC)

Degradado principal

#0BC5A4

#023A36

#00D1B2

 background:
radial-gradient(circle at top left,
#0BC5A4 0%,
#023A36 28%,
#020817 75%);

border: 1px solid #00D1B2;

TARJETA MORADA (Ciberseguridad)

Degradado principal

#7B2DFF

#22084F

#8A3DFF

background:
radial-gradient(circle at top left,
#7B2DFF 0%,
#22084F 30%,
#020817 75%);

border: 1px solid #8A3DFF;

TARJETA ÁMBAR / GOLD (Capacitación)

Degradado principal

#F2A900

#3A2A00

background:
radial-gradient(circle at top left,
#F2A900 0%,
#3A2A00 30%,
#020817 75%);

border: 1px solid #F2A900;

ESTILO VISUAL GENERAL

Degradado principal

Blur / Glow

box-shadow: 0 0 40px rgba(13,71,255,.15);

Fondo SaaS premium

background: linear-gradient( 180deg, #020817 0%, #030B1F 100% );

RADIO Y BORDES

Border radius: border-radius: 28px;

Border premium: border: 1px solid rgba(255,255,255,.08);

EFECTO GLASS + DARK

background: linear-gradient(
135deg,
rgba(255,255,255,.03),
rgba(255,255,255,.01)
);

CONFIGURACIÓN IDEAL PARA ELEMENTOR

Container
Background: Gradient
Border Radius: 28px
Overflow: Hidden
Backdrop Blur: 14px
Padding: 32px
Border opacity: 12%

Contáctame

¿Listo para llevar tu presencia online al siguiente nivel?  Contáctame hoy mismo para una asesoría gratuita.