Diseño

Ábrelo: Website → Design (el styleguide de tu marca).

Tu styleguide es la fuente única de cómo se ve tu tienda. Defínelo una vez y cada página, el encabezado/pie y las superficies de tienda lo siguen.

El editor tiene vista previa en vivo y una lista de secciones a la izquierda:

• Presets — plantillas completas de un clic. Un botón Load default styleguide llena todas las secciones con una base funcional para una marca nueva.
• Typography — fuentes (del sistema, Google Fonts, Adobe Fonts o propias), roles (Body, Heading, Display, Mono, Accent), tamaños, pesos y estilos de texto con nombre.
• Colors — tu paleta con modo claro y oscuro y anillos de foco.
• Spacing & Shape — escala de espaciado, radios de esquina, bordes, sombras.
• Buttons & Links — variantes de CTA (Primary, Secondary, Tertiary, Ghost, Link) y estilos de enlace.
• Forms, Components (insignias, alertas, tooltips, tarjetas), Effects (gradientes, sombras, desenfoque, animación) e Icons & Motion.

Editar y publicar

Edita el styleguide en vivo y Publish (aparece un diálogo de confirmación), o elige New draft para trabajar en una copia con etiqueta, luego Save draft y Publish.

Dos límites intencionales mantienen cada tienda rápida: una marca usa un conjunto acotado de tokens de diseño, y los campos de diseño son por intención (pequeño / mediano / grande) en lugar de píxeles. No hay un muro de pago dentro de esta pantalla — todas las secciones son editables.

Sigue con: Biblioteca de medios.