desbloquear prisma

Variables de Identidad: El Alma del Proyecto

Glosario de Identidad Paramétrica

Antes de entrar al Gestor de Variables, domina estos términos:

  • «Paleta Global»: El conjunto de variables de color que alimentarán botones, fondos y acentos.
  • «Jerarquía Tipográfica»: El orden de importancia visual (desde tu H1 hasta el micro-texto XXS).
  • «Contraste de Accesibilidad»: La relación entre el color de fondo y el texto para asegurar que todos puedan leer tu mensaje sin esfuerzo.

Introducción:

Más que Estética, es Psicología: En Universo Divi, no elegimos colores porque se vean bonitos. Los elegimos porque comunican. Antes de tocar el Gestor de Variables de Divi 5, debemos entender que cada tono y cada letra envían un mensaje silencioso al cerebro de tu visitante.

Si tu academia es para niños, debe gritar confianza y alegría; si es para profesionales, debe respirar autoridad y orden. Gracias a nuestro sistema de variables, estableceremos estos parámetros ahora, pero recuerda: tú tienes el control total. Si mañana decides cambiar el rumbo de tu marca, solo tendrás que actualizar tus variables y el sistema hará el resto.»

Tres Caminos, Tres Psicologías

Para ayudarte a decidir, hemos diseñado tres configuraciones maestras basadas en el público al que te diriges:

A. Academia para Párvulos -Infantil

  • Psicología: Energía, creatividad y seguridad.
  • Colores: * Primario: Amarillo cálido o Naranja -Estimula la actividad mental.

    • Secundario: Azul cielo -Aporta la calma y confianza que necesitan los padres.

  • Fuentes: Tipografías Sans Serif Redondeadas -ej. Quicksand o Nunito-. Son amigables, seguras y fáciles de leer para ojos que están empezando a descubrir el mundo.

B. Academia para Adolescentes -Dinámica

  • Psicología: Rebeldía controlada, modernidad y pertenencia.
  • Colores: * Primario: Violeta eléctrico o Neón -Creatividad y vanguardia.

    • Secundario: Negro o Gris Grafito -Aporta el toque «tech» y urbano.

  • Fuentes: Tipografías Geométricas con Carácter -ej. Montserrat o Kanit-. Son fuertes, directas y respiran el lenguaje de las redes sociales y la tecnología.

C. Academia para Adultos Profesionales -Autoridad

  • Psicología: Prestigio, enfoque y resultados.
  • Colores: * Primario: Azul Marino o Verde Bosque -Seriedad y estabilidad.

    • Secundario: Oro o Crema (Exclusividad y valor).

  • Fuentes: Tipografías Serif Clásicas o Sans de Alta Precisión -ej. Playfair Display para títulos e Inter o Open Sans para cuerpo. Transmiten que aquí se viene a aprender de un experto.

4. Preparación para el Tutorial Técnico

«En la siguiente sección, abriremos el Gestor de Variables de Divi 5 y, al igual que hicimos con los números, crearemos nuestras variables de Color y Fuente.

Para quienes están usando nuestro sistema ya configurado, verán que cambiar la personalidad de su academia es tan sencillo como sustituir un código de color o el nombre de una fuente. Para los que están construyendo desde cero, hoy aprenderán a inyectar el alma en su servidor.»

Prisma: El Motor Cromático de Universo Divi

Para quienes buscan la perfección absoluta sin complicaciones técnicas, nuestro sistema Prisma ya viene con el ADN del color totalmente secuenciado. No es una paleta; es una Matriz de Alta Definición programada con 117 tonalidades estratégicas.

  • 9 Niveles de Intensidad: Por cada color de la rueda cromática, tienes 9 variaciones matemáticas -desde el susurro más claro hasta el tono más profundo.
  • La Neutralidad Pura: Contamos con una escala de 9 grises y negros profundos para garantizar que el contraste de tus textos sea siempre perfecto.
  • Eficiencia Matemática: Al descontar los blancos y negros puros comunes, tienes a tu disposición 84 tonos únicos, listos para ser llamados por su nombre de variable.

El Poder de Prisma: Si decides que tu academia pase de un Azul Corporativo a un Verde Bosque, no tienes que elegir colores que combinen. Simplemente cambias la variable madre y Prisma actualiza automáticamente las 9 intensidades de ese color en todo tu sitio. Es el fin de las webs sucias y el comienzo de la coherencia visual absoluta.

1. Alternativas de Armonía (Valores Hexadecimales)

Para que el sistema Prisma brille, ofreceremos estas tres rutas directas:

  • Ruta A: El Monocromático de Autoridad (Azul Profundo)

    • Base: #1A2B3C (Azul Noche)
    • Acento: #4A90E2 (Azul Brillante)
    • Suave: #F0F4F8 (Gris Azulado para fondos)

  • Ruta B: El Complementario de Impacto (Naranja y Azul)

    • Primario: #003366 (Azul Marino)
    • Complementario: #FF8C00 (Naranja Vibrante para botones/CTAs)
    • Fondo: #FFFFFF (Blanco Puro)

  • Ruta C: La Triada de Creatividad (Púrpura, Verde y Oro)

    • Primario: #4B0082 (Índigo)
    • Secundario: #2E8B57 (Verde Bosque)
    • Acento: #D4AF37 (Oro Mate)

✒️ 2. Alternativas de Font Pairing (Fuentes de Google Fonts)

Configuraremos las variables de Encabezado y Cuerpo con estos tres binomios de alta legibilidad:

  1. La Alianza Moderna:

    • Encabezados: Montserrat (700 Bold)
    • Cuerpo: Open Sans (400 Regular)

  2. El Contraste de Prestigio:

    • Encabezados: Playfair Display (900 Black)
    • Cuerpo: Lato (400 Regular)

  3. La Precisión Tecnológica:

    • Encabezados: Poppins (600 Semi-Bold)
    • Cuerpo: Inter (400 Regular) — Tu favorita para máxima claridad.