DocsDiseñoPresets y Plantillas

Presets y Plantillas

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

¿Qué Son los Presets?

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

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

Aplicar un Preset

1.Abre cualquier proyecto en el Constructor 3D
2.Haz clic en el ícono de pincel (Presets de Diseño) en el panel izquierdo
3.Navega por categoría o desplázate por la cuadrícula
4.Haz clic en cualquier preset para previsualizarlo en vivo en el panel derecho
5.Haz clic en Aplicar para confirmar, o navega más para comparar

La vista previa en vivo se actualiza mientras pasas el cursor sobre los presets — compara antes de confirmar.

Categorías de Presets

Presets de Industria — Ajustados para verticales específicas: Restaurante, Tech SaaS, Portafolio Creativo, Bienes Raíces, E-commerce, Salud, Legal, Fitness, Belleza/Spa, Arquitectura, Sin fines de lucro

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

Conjuntos de Tipografía — Par de fuentes + tamaño: Editorial, Moderno, Técnico, Artesanal, Corporativo, Cinematográfico, Humanista

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

Personalizar un Preset

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

Ajuste fino con chat: "Haz el color de acento ligeramente más cálido" o "Aumenta el tamaño del encabezado de sección"
Edita variables CSS directamente en la pestaña de Código — modifica el bloque :root
Combina presets: Aplica un preset de Industria, luego anula con un preset de Paleta de Color para un resultado refinado

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