NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Market Polar, un ecommerce de cosmética natural, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente los patrones de UI del sitio original:
- Top bar con iconos de redes sociales (Facebook, Instagram, Twitter, LinkedIn), slider automático de tres mensajes y enlace "Centro de ayuda".
- Navbar fija, logo SVG a la izquierda, menú principal con enlaces Home, Sobre Nosotros, un dropdown "Páginas" (Servicios, Cita, Blog), enlace Tienda, Contacto y botón primario "Reserva ahora". Incluye icono de carrito que abre una barra lateral derecha mostrando items, cantidades editables y subtotal.
- Hero: fondo suave degradado, título grande, subtítulo y botón "Descubre la colección"
3.588 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.588 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra superior con redes sociales, slider de anuncios y enlace a ayuda
- 2.1 Barra de navegación con logo, menú principal, dropdown "Páginas", botón "Reserva ahora" y carrito lateral
- 3.1 Hero con título, subtítulo y botón principal
- 4.1 Cuadrícula de categorías de productos
- 5.1 Sección de productos destacados en carrusel
- 6.1 Testimonios con foto y cita
- 7.1 Formulario de suscripción al boletín
- 8.1 Footer con enlaces de navegación, información de contacto y redes sociales
PRODUCTOS
- 1.1 Lista de productos en cuadrícula con imagen, nombre y botón "Añadir al carrito"
- 2.1 Filtros laterales por categoría y rango de precios
- 3.1 Paginación al final de la página
SERVICIOS
- 1.1 Cabecera con título y descripción breve
- 2.1 Tarjetas descriptivas de cada servicio con icono y botón "Más info"
- 3.1 CTA final para agendar una cita
BLOG
- 1.1 Lista de artículos con imagen destacada, título, extracto y botón "Leer más"
- 2.1 barra lateral con categorías y newsletter
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 2.1 Mapa incrustado y datos de ubicación
APPOINTMENT
- 1.1 Calendario interactivo para seleccionar fecha y hora
- 2.1 Formulario de datos personales y confirmación
CARRO (CART)
- 1.1 Vista lateral del carrito con lista de productos, cantidades editables y resumen de precio
- 2.1 Botón de pago rápido y enlace a checkout
CHECKOUT
- 1.1 Formulario de dirección y método de envío
- 2.1 Resumen de pedido y botón de confirmar compra
PROMPTS RELACIONADOS · E-COMMERCE
