NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Compras Zafiro (compraszafiro.com), tienda online de diseños artísticos, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #1A1A1A (fondo oscuro), #F5F5F5 (texto claro), #FF6F61 (accento principal), #4A90E2 (accento secundario), #EDEDED (bordes y fondos claros). Tipografía: font-family 'Inter', sans-serif para títulos y párrafos; usar tamaños responsivos (text-4xl, text-xl, etc.).
Estructura:
- Header fijo (clase `fixed top-0 w-full bg-white shadow`) con logo (placeholder), menú horizontal (Artworks, Thoughts, About, Shop, Start > Project) y botón de carrito que abre un modal. El modal muestra items del carrito, subtotal, botones de checkout y cerrar.
- Hero sección ocupan
3.741 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.741 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 fija con logo, menú y carrito modal
- 1.2 Hero principal con texto en perspectiva
- 1.3 Galería de obras destacadas (grid responsivo)
- 1.4 Testimonios rotativos (carousel simple)
- 1.5 Blog recien actualizado (cards)
- 1.6 Footer con enlaces, redes y suscripción
PROJECTS (Obras)
- 2.1 Header reutilizado
- 2.2 Grid de obras con filtro
- 2.3 Detalle de obra (imagen, descripción, botón añadir al carrito)
- 2.4 Footer reutilizado
BLOG (Pensamientos)
- 3.1 Header reutilizado
- 3.2 Listado de artículos en tarjetas
- 3.3 Sidebar con categorías y tags
- 3.4 Footer reutilizado
ABOUT (Sobre nosotros)
- 4.1 Header reutilizado
- 4.2 Texto descriptivo y timeline
- 4.3 Equipo en tarjetas
- 4.4 Footer reutilizado
SHOP (Tienda)
- 5.1 Header reutilizado con carrito
- 5.2 Filtros lateral y grid de productos
- 5.3 Modal de carrito (ya definido en header)
- 5.4 Footer reutilizado
CONTACT (Inicio > Proyecto)
- 6.1 Header reutilizado
- 6.2 Formulario de contacto con campos básicos
- 6.3 Mapa incrustado (placeholder)
- 6.4 Footer reutilizado
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2