Rentabiliza tus anuncios en linea

Descripción

MARZO es una landing page de una sola página pensada para el momento más importante de una marca de ropa: el lanzamiento de una colección. Todo el diseño está construido alrededor de esa idea — un titular editorial que ocupa la pantalla, cuatro prendas presentadas como piezas de museo y una lista de espera donde el visitante deja su correo. El acabado es el de una revista de moda: fondo crema con textura de papel, tipografía serif de gran tamaño, acento terracota y mucho aire entre bloques. Es un estilo que funciona igual de bien para una marca de lino que para una tienda de punto, una sastrería o un estudio de complementos. La decisión de diseño que la hace distinta: no lleva fotografías. Cada prenda es una ilustración vectorial dibujada a trazo —abrigo, camisa, jersey y pantalón— sobre un panel de color que cambia en directo cuando el visitante pulsa los círculos de color de la ficha. Eso significa tres cosas: la página entera pesa 192 KB y carga al instante, no hay ninguna foto de banco de imágenes que puedas encontrar en otras diez webs, y puedes publicarla el mismo día aunque todavía no tengas las fotos de la colección hechas. Cuando las tengas, sustituir un dibujo por una foto son dos líneas de código, explicadas en el README. La página se lee sola mientras se baja: el titular entra palabra a palabra, el abrigo del inicio se dibuja trazo a trazo al cargar, una cinta de tejidos recorre la pantalla y, en el lookbook, el texto de la izquierda se va marcando según la prenda que estés mirando. En ordenador, el cursor se convierte en una etiqueta que anuncia la acción ("Ver", "WhatsApp") y los botones se acercan ligeramente al ratón. No necesita servidor, base de datos, npm ni panel de administración. Se descarga, se cambian los textos en un editor de texto normal y se sube la carpeta a Hostinger, Netlify o cualquier alojamiento. Funciona incluso abriendo el archivo con doble clic. ## Secciones incluidas 1. Menú fijo con acceso a cada sección y llamada a la acción destacada. 2. Portada (hero) con titular animado, datos de envío y devoluciones, botones a la colección y a WhatsApp, e ilustración con sello giratorio "hecho en España y Portugal". 3. Cinta de tejidos en movimiento continuo. 4. La colección: cuatro prendas con nombre, precio, descripción, selector de color en vivo y panel que cambia de tono al elegirlo. 5. Materiales: tres compromisos de marca sobre fondo oscuro, para contar el porqué. 6. Lookbook: tres propuestas con desplazamiento fijo, donde el texto sigue a la imagen. 7. Opiniones: tres testimonios de clientas. 8. Lista de espera: formulario de correo con validación y confirmación en pantalla. 9. Contacto: WhatsApp con mensaje precargado, correo y dirección de tienda física. 10. Pie de página: con navegación y aviso legal. ## Animaciones y detalles - Titular que entra palabra a palabra al cargar. - Ilustración que se dibuja trazo a trazo. - Cinta de texto infinita y sello circular giratorio. - Aparición progresiva de cada bloque al hacer scroll. - Cambio de color de prenda en directo. - Lookbook sincronizado: el texto se activa según la imagen visible. - Cursor con etiqueta y botones magnéticos (solo en ordenador). - Menú a pantalla completa en móvil. ## Qué incluye la descarga - `index.html` — la página completa. - `styles.css` — estilos, con los colores agrupados al principio. - `main.js` — animaciones e interacciones, comentado en español. - `lib/` — GSAP 3.13 y ScrollTrigger en local (no dependen de Internet). - `.htaccess` — caché y compresión listos para Hostinger. - `README.md` — guía de personalización paso a paso. - `LICENSE.txt` — licencia de uso. **Peso total: 192 KB.** Sin imágenes externas, sin fuentes de pago, sin plugins. ## Ideal para Marcas de ropa · Boutiques · Tiendas online de moda · Diseñadores independientes · Sastrerías · Marcas de lino, punto o ropa sostenible · Complementos y joyería · Lanzamientos de colección y preventas · Portfolios de moda ## Requisitos técnicos - Ninguno. No hace falta Node, npm, WordPress ni base de datos. - Funciona en cualquier alojamiento estático: Hostinger, Netlify, Vercel, GitHub Pages, cPanel o FTP clásico. - Compatible con Chrome, Edge, Firefox y Safari, en ordenador, tablet y móvil. - Se edita con cualquier editor de texto (Bloc de notas, VS Code, Sublime). ## Personalización Cambiar el número de WhatsApp, el correo y el nombre de marca son tres búsquedas y reemplazos, documentados en el README. Los colores se cambian en cinco variables al principio del CSS. Añadir o quitar prendas es copiar y pegar un bloque. ## Sobre el formulario de la lista de espera Al ser una web estática, el formulario valida el correo y muestra una confirmación, pero no envía los datos a ningún sitio. El README explica cómo conectarlo en un minuto a Formspree, Getform, Basin, Mailchimp, Brevo o MailerLite, la mayoría con planes gratuitos. ## Licencia Uso ilimitado, personal y comercial, en tantos proyectos y dominios como necesites. Puedes modificarla, publicarla, promocionarla y entregársela a tus clientes. La autoría del diseño sigue siendo de Webliby: no se puede presentar como obra propia ni revender como plantilla en otros catálogos. Texto completo en `LICENSE.txt`. ## Aviso sobre el contenido La marca "MARZO", los precios, los testimonios, el teléfono y la dirección son ficticios y están puestos solo como ejemplo. Sustitúyelos por los datos reales antes de publicar.

Características

Lo que este producto trae de fábrica.

• animacion
• whatsapp
• gmail

Tecnologías

Con qué está construido.

Detalles del desarrollo