NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Tienda Orion, tienda online de arte y diseño, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo (SVG simple), menú horizontal (Home, Portfolio, Servicios, Sobre Nosotros, Tienda, Blog, Contacto) y un dropdown "Páginas" con enlaces adicionales. Incluye icono de carrito que abre un modal con resumen del carrito.
- Hero de pantalla completa con fondo degradado (paleta #1A202C, #2D3748, #4A5568), título grande (font "Playfair Display"), subtítulo y botón CTA.
- Sección productos destacados: grid 3‑col en escritorio, 1‑col en móvil, tarjetas con imagen placeholder, nombre
4.237 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.237 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 principales y dropdown de páginas
- 1.2 Hero con imagen de fondo, título y botón CTA
- 1.3 Grid de productos destacados con tarjetas interactivas
- 1.4 Sección de servicios o categorías con iconos y descripciones breves
- 1.5 Testimonios en carrusel horizontal
- 1.6 Blog de noticias con tarjetas resumidas
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces de utilidad, redes sociales y datos de contacto
PRODUCTOS
- 1.1 Lista de productos en cuadrícula, filtros y paginación
- 1.2 Detalle de producto con galería de imágenes, descripción, precio y botón de añadir al carrito
- 1.3 Carrito modal con resumen de artículos y checkout rápido
BLOG
- 1.1 Lista de artículos en tarjetas con imagen, título y extracto
- 1.2 Detalle de artículo con contenido extendido, autor y sección de comentarios
SOBRE NOSOTROS
- 1.1 Texto institucional, misión y valores
- 1.2 Equipo con fotos y breves bios
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón de envío
- 1.2 Mapa integrado y datos de localización
POLÍTICAS
- 1.1 Política de privacidad
- 1.2 Términos y condiciones
- 1.3 Información de envío y devoluciones
PROMPTS RELACIONADOS · E-COMMERCE
