NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Compras Orion (comprasorion.com), tienda online de accesorios de moda, usando una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Mantén la estructura visual del template analizado: barra superior con anuncio de newsletter, navbar con logo, menú principal (Shop, Our Story, Category, Contact) y dropdown "Resources" (Blogs, Reviews, FAQ, Style guide, Changelog). Incluye buscador, iconos de usuario y carrito con modal que muestra items, subtotal y botones de checkout. Hero principal con imagen de fondo, título y botón CTA. Sección de productos destacados en grid de 4 columnas (imagen, nombre, precio, botón "Añadir al carrito"). Testimonios en carrusel simple (JS). Formulario de suscripción al newsletter. Footer con col
3.284 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.284 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 anuncio de newsletter
- 1.2 Navbar con logo, menú principal y dropdown
- 1.3 Buscador y acceso a usuario y carrito
- 1.4 Hero con imagen grande y botón CTA
- 1.5 Cuadrícula de productos destacados
- 1.6 Testimonios en carrusel
- 1.7 Formulario de suscripción al newsletter
- 1.8 Footer con información de contacto y enlaces
SHOP
- 2.1 Cabecera de sección con título y filtros
- 2.2 Grid de productos con imágenes, nombre y precio
- 2.3 Paginación inferior
PRODUCT DETAIL
- 3.1 Galería de imágenes del producto
- 3.2 Información del producto: nombre, precio, selector de talla/color
- 3.3 Botón "Añadir al carrito"
- 3.4 Descripción y especificaciones
- 3.5 Productos relacionados en carrusel
CART MODAL
- 4.1 Lista de artículos con miniatura, nombre, opciones y cantidad
- 4.2 Subtotal y botones de checkout / seguir comprando
CHECKOUT
- 5.1 Formulario de datos de facturación y envío
- 5.2 Resumen del pedido y método de pago
- 5.3 Botón "Continuar al pago"
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de dirección y mapa embed
BLOG
- 7.1 Lista de artículos con imagen, título y excerpt
- 7.2 Sidebar con categorías y newsletter
FAQ
- 8.1 Preguntas frecuentes en acordeón
ABOUT
- 9.1 Historia de la marca con imágenes y texto
- 9.2 Equipo en tarjetas
PRIVACY POLICY
- 10.1 Texto legal completo
PROMPTS RELACIONADOS · E-COMMERCE
