NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de comercio electrónico llamado Tienda Jade (tiendajade.com) con el siguiente alcance y tecnologías: HTML único, Tailwind CSS vía CDN, JavaScript vanilla sin dependencias externas, todo en un único archivo. Utiliza la paleta de colores #0A0A0A (fondo negro), #F5F5F5 (texto gris claro), #D4AF37 (dorado acento) y #FFFFFF (blanco). Tipografía: Inter var (Google Fonts) para títulos y cuerpo. Estructura el documento con los bloques de la home enumerados en "secciones". Implementa:
- Header fijo con logo textual "Tienda Jade", menú principal (Inicio, Tienda, Sobre Nosotros, Contacto, Blog), sub‑menú desplegable bajo "Tienda" con categorías (Cuero, Sombreros, Gafas, Relojes). Incluye iconos para usuario, búsqueda y carrito (SVG simple). El carrito muestra número de items dinámic
4.042 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.042 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 logo, menú, iconos y carrito
- 1.2 Modal emergente de suscripción
- 1.3 Hero principal
- 1.4 Grid de categorías destacadas
- 1.5 Bloque de ventajas (envío, garantía, etc.)
- 1.6 Carrusel de testimonios
- 1.7 Formulario newsletter
- 1.8 Footer institucional
ABOUT
- 1.1 Cabecera minimalista
- 1.2 Texto institucional con imagen
- 1.3 Equipo y valores
- 1.4 CTA a la tienda
CONTACT
- 1.1 Cabecera con título
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incorporado
- 1.4 Información de contacto y horarios
SHOP
- 1.1 Barra superior idéntica a la home
- 1.2 Filtros de categoría y orden
- 1.3 Grid de productos (tarjetas con imagen, nombre, precio, botón añadir)
- 1.4 Paginación
PRODUCT DETAIL
- 1.1 Galería de imágenes del producto
- 1.2 Información del producto (título, descripción, precio, selector de talla/color)
- 1.3 Botón añadir al carrito
- 1.4 Sección de productos relacionados
CART
- 1.1 Lista de artículos en el carrito con miniaturas
- 1.2 Resumen de precios y botón de checkout
- 1.3 Mensaje de carrito vacío
CHECKOUT
- 1.1 Formulario de datos de facturación y envío
- 1.2 Resumen del pedido
- 1.3 Botón de confirmación de compra
PROMPTS RELACIONADOS · E-COMMERCE
