NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de comercio electrónico para la marca ficticia CuerdaNova (cuerdanova.com) usando una única página HTML que incluya Tailwind CSS a través del CDN y JavaScript vanilla. Reproduce el diseño visual y la estructura del sitio analizado:
- **Paleta de colores**: #1A202C (gris oscuro principal), #2D3748 (gris secundario), #F6E05E (amarillo vibrante para acentos), #FFFFFF (blanco), #E2E8F0 (gris claro de fondo).
- **Tipografía**: "Inter", sans-serif para todo el texto; usar pesos 400, 500 y 700 según la jerarquía.
- **Header**: barra superior fija con logo a la izquierda, barra de búsqueda central, icono de carrito a la derecha mostrando número de ítems, y botón de menú hamburguesa visible en móviles. El menú lateral se desliza desde la izquierda y contiene enlaces a todas la
4.404 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.404 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 Cabecera con barra de navegación, buscador y carrito
- 1.2 Menú lateral ocultable con enlaces a categorías y páginas auxiliares
- 1.3 Hero principal con título, subtítulo y botón CTA
- 1.4 Cuadrícula de categorías (guitarras eléctricas, acústicas, amplificadores, pedales)
- 1.5 Bloque de productos destacados en cards
- 1.6 Sección de testimonios / reseñas
- 1.7 Formulario de suscripción al boletín
- 1.8 Pie de página con enlaces, redes y datos de contacto
CATEGORÍA
- 2.1 Página de categoría (lista de productos en grid, filtros y paginación)
- 2.2 Página de producto (galería de imágenes, descripción, selector de variantes, botón "Añadir al carrito")
- 2.3 Carrito (sidebar derecho, lista de artículos, ajustes de cantidad, subtotal y botón "Continuar a compra")
- 2.4 Checkout (formulario de datos de envío, método de pago simulado, resumen de compra)
- 2.5 Sobre Nosotros (texto institucional, equipo, valores)
- 2.6 Blog (lista de artículos, barra lateral con categorías y suscripción)
- 2.7 Contacto / Seguimiento de pedidos (formulario y mapa integrado)
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO