Resumen
Este generador de theme.json para WordPress construye el archivo a partir de un solo color de marca. Calcula una paleta, comprueba el contraste WCAG de textos, enlaces y botones, y define una escala tipográfica modular. Las reglas son fijas, así que el resultado es predecible y comprobable. Copia el archivo en un tema de bloques y ajústalo en el Site Editor.
Genera una paleta y una escala tipográfica theme.json en segundos
Un generador de temas WordPress IA suele prometer un sitio entero. Este hace la parte que puedes verificar: una paleta con contraste comprobado, una escala tipográfica modular y un theme.json listo para tu tema de bloques.
Lo que el generador calcula realmente
Una paleta a partir de un color
Tu color de marca se convierte en Primario. La herramienta lee su tono y construye Base, Superficie y Contraste a partir de él en HSL, con luminosidad de 97, 93 y 11 por ciento sobre una base clara, o de 9, 14 y 92 sobre una oscura. El Acento queda a 150 grados en la rueda de color.
Un contraste que puedes comprobar
Se miden cuatro pares con la fórmula de luminancia WCAG 2.x: texto principal, enlace, texto del botón y acento. Cada uno recibe una proporción y una calificación. Si el enlace no cumple AA, su luminosidad se mueve un paso cada vez hasta cumplirlo.
Una escala tipográfica modular
Medio equivale a 1rem. Grande, extra grande y enorme multiplican por tu proporción una, dos y tres veces, y pequeño la divide. Con la proporción 1.2 obtienes 0.833, 1, 1.2, 1.44 y 1.728 rem.
Por qué los tokens de diseño van antes que los patrones
Un patrón de cabecera, una cuadrícula de tarjetas y un pie leen todos las mismas claves de paleta. Si esas claves contienen valores que fallan el contraste, cada patrón hereda el fallo, y te enteras en el teléfono del cliente. Corregir primero los tokens significa que los patrones que construyas, o que generes con Pattern Forge, partirán de colores que ya cumplen. Prueba el resultado con un sitio de cliente real, no con un entorno de pruebas.
- Las claves de paleta las comparten todos los bloques y patrones
- Las claves de tamaño mantienen los títulos coherentes entre plantillas
- Una sola edición de theme.json actualiza todo el sitio
Del archivo generado al tema en vivo
-
1
Elige los datos de entrada
Empieza con el color de marca del logo del cliente. Elige una base clara salvo que la marca sea oscura por naturaleza, y luego la combinación tipográfica que encaje con el tono.
-
2
Lee el informe de contraste
Busca cualquier fila marcada como No cumple o Solo texto grande. Cambia la base o el tinte neutro hasta que el texto principal, el enlace y el texto del botón cumplan AA.
-
3
Copia el archivo en tu tema
Pulsa Copiar theme.json, pégalo en la raíz de tu tema de bloques, luego abre el Site Editor y confirma que la paleta aparece en el selector de color.
-
4
Afina a mano
El resultado es un punto de partida. Renombra las claves para que coincidan con tu sistema de diseño, añade ajustes de espaciado y maquetación, y guarda el archivo junto con el resto del tema.
Lo que esta herramienta no hace
Sin maquetaciones
Produce tokens, no plantillas. La cabecera, el pie y la estructura de página siguen viniendo de tu tema de bloques o de los patrones que construyas en el Site Editor.
Sin fuentes web
Ambas combinaciones usan pilas de fuentes del sistema para evitar cualquier petición de tipografía. Las tipografías de marca necesitan una fuente variable alojada en tu propio servidor y una entrada fontFace, que añades tú.
Sin garantía de gusto
Una paleta puede superar todas las comprobaciones de contraste y aun así verse plana. Tómala como una base segura y ajusta el Acento y los neutros a ojo sobre una página real.
Preguntas sobre el generador
¿Es de verdad un generador de temas con IA?
¿Es gratis y guarda mis colores?
¿De dónde sale la proporción de contraste?
¿Por qué el color de enlace es distinto de mi color de marca?
¿Para qué versión de WordPress sirve el resultado?
¿Las pilas de fuentes cargan algo desde la web?
¿Funciona para sitios de derecha a izquierda?
¿Dónde va el archivo en mi tema?
Pasa los tokens a un patrón, no a una página en blanco
Cuando theme.json esté en su sitio, Pattern Forge redacta patrones de Gutenberg que usan tu paleta y tu escala tipográfica. Monk es gratis; Scribe cuesta $12/mes.