NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia VivaMadera, una tienda online de muebles y decoración sostenible. Usa solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce la siguiente estructura y estilo sin copiar texto original:
- **Paleta de colores**: #2C3E50 (azul profundo), #16A085 (verde turquesa), #ECF0F1 (gris claro), #FFFFFF (blanco), #7F8C8D (gris medio).
- **Tipografía**: Headings con "Montserrat" (Google Fonts), cuerpo con "Open Sans".
- **Header**: barra fija, logo a la izquierda (texto VivaMadera), menú centrado con enlaces Home, About, Shop, Contact, botón de carrito a la derecha mostrando número de ítems.
- **Home**:
1. Hero full‑width con fondo de madera clara, título grande (Montserrat, 4xl, verde turquesa), subtítulo (Open Sans, lg, gri
4.269 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.269 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 de navegación fija con logo, enlaces y carrito
- 2.1 Hero con título grande, subtítulo y botón CTA
- 3.1 Bloque de valores en tres columnas con íconos
- 4.1 Galería de productos destacados en grid responsive
- 5.1 Sección de testimonios en carrusel
- 6.1 Llamada a la acción para suscripción al boletín
- 7.1 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Encabezado con imagen de fondo y título
- 2.1 Texto descriptivo de la marca y su filosofía
- 3.1 Equipo en grid de tarjetas con foto y bio
- 4.1 Valores bajo forma de lista con íconos
- 5.1 Footer idéntico al de Home
SHOP
- 1.1 Filtro lateral con categorías y precios
- 2.1 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 3.1 Paginación inferior
- 4.1 Footer idéntico al de Home
PRODUCT DETAIL
- 1.1 Galería de imágenes del producto
- 2.1 Título, descripción, precio y selector de cantidad
- 3.1 Botón "Añadir al carrito"
- 4.1 Productos relacionados en carousel
- 5.1 Footer idéntico al de Home
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa incrustado
- 3.1 Información de contacto y redes
- 4.1 Footer idéntico al de Home
PROMPTS RELACIONADOS · ARQUITECTURA
