DocumentaciónDiseñoPreajustes y plantillas

Preajustes y Plantillas

Preajustes de diseño por industria, cómo aplicarlos y cómo construir sobre ellos.

¿Qué son los Preajustes?

Los Preajustes de Diseño son configuraciones de estilo creadas profesionalmente que transforman instantáneamente el carácter visual de cualquier sitio generado, sin alterar el contenido o la estructura HTML.

Los preajustes modifican las variables CSS, las elecciones de fuente, el espaciado y las paletas de colores. Se aplican en milisegundos y se pueden combinar. Son completamente gratuitos, no consumen créditos.

Aplicar un Preajuste

1.Abra cualquier proyecto en el Constructor 3D
2.Haga clic en el icono de pincel (Preajustes de Diseño) en el panel izquierdo
3.Navegue por categoría o desplácese por la cuadrícula
4.Haga clic en cualquier preajuste para previsualizarlo en vivo en el panel derecho
5.Haga clic en Aplicar para confirmar, o explore más para comparar

La vista previa en vivo se actualiza al pasar el cursor sobre los preajustes; compare antes de confirmar.

Categorías de Preajustes

Preajustes por Industria — Ajustados para verticales específicas: Restaurante, SaaS Tecnológico, Portafolio Creativo, Bienes Raíces, Comercio Electrónico, Salud, Legal, Fitness, Belleza/Spa, Arquitectura, Sin Fines de Lucro

Paletas de Colores — Esquemas de color coordinados: Obsidiana (oscuro), Ártico (blanco/hielo), Ámbar (naranja cálido), Océano (azul/verde azulado), Bosque (verde), Atardecer (púrpura/violeta), Caramelo (pastel), Noir (blanco y negro), Cobre (metálico cálido)

Conjuntos Tipográficos — Par de fuentes + tamaño: Editorial, Moderno, Técnico, Artesanal, Corporativo, Cinemático, Humanista

Densidad del Diseño — Espaciado y contención: Aireado (espacio en blanco generoso), Estándar, Compacto (denso en información)

Personalizar un Preajuste

Los preajustes son puntos de partida. Después de aplicar:

Ajuste fino con el chat: "Hacer el color de acento ligeramente más cálido" o "Aumentar el tamaño del encabezado de sección"
Edite las variables CSS directamente en la pestaña Código — modifique el bloque :root
Combine preajustes: Aplique un preajuste de Industria, luego anule con un preajuste de Paleta de Colores para un resultado refinado

Todos los cambios se guardan automáticamente en su proyecto.