Crea un sistema de diseño consistente

POM Theme centraliza las decisiones visuales compartidas bajo Settings → POM Theme → Design system. Configura estos ajustes antes de añadir excepciones a nivel de página para que los colores, la tipografía, los botones, los iconos y los componentes comunes se mantengan consistentes.

Ruta recomendada

1. Utiliza Convierte un diseño en ajustes POM reutilizables para preparar el diseño de origen.
2. Configura la identidad de marca y los perfiles sociales.
3. Define la paleta de colores global.
4. Añade los archivos de fuentes y configura la tipografía global.
5. Crea estilos de botones y bibliotecas de iconos SVG.
6. Establece el espaciado y el comportamiento responsive.
7. Configura los estilos de componentes admitidos.
8. Revisa el sistema completo en Theme preview y en páginas públicas reales.

¿Ajuste global por defecto o local?

Utiliza el sistema de diseño cuando la decisión deba compartirse entre plantillas y páginas. Usa un ajuste del Page Builder solo para una excepción local genuina. Si la misma modificación aparece repetidamente, vuelve al sistema de diseño en lugar de reproducirla.

Contenido del capítulo

1. Descripción general del sistema de diseño
2. Referencia de estilos globales
3. Convierte un diseño en ajustes POM reutilizables
4. Configura la identidad de marca y los perfiles sociales
5. Crea y mantén la paleta de colores global
6. Configura la tipografía global
7. Configura estilos de botones reutilizables
8. Crea y usa bibliotecas de iconos SVG
9. Usa los controles de espaciado de forma consistente
10. Comprende los rangos responsive y la tipografía fluida
11. Configura los estilos de componentes compartidos