NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúzora Interactive" (luzoragames.com), marketplace de artículos y experiencias para gamers. Usa HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas.
**Paleta de colores**:
- Primario: #1E3A8A (azul marino)
- Secundario: #2563EB (azul brillante)
- Accent: #F59E0B (ámbar)
- Fondo claro: #F9FAFB
- Texto oscuro: #111827
**Tipografía**:
- Fuente principal: "Inter" (Google Fonts) para títulos y cuerpo.
- Fuente secundaria: "Space Mono" para destacados y códigos.
**Header**: barra de navegación fija, logo a la izquierda, menú principal con items: Home, Pages (dropdown con About Us, Team, Service, Pricing, FAQ, Blog), Shop (dropdown con Listing, Detail, Categories, Checkout, Confirmati
4.727 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.727 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 logo, menú principal con dropdowns y botón de carrito
- 1.2 Hero slider opcional
- 1.3 Sección de categorías en grid
- 1.4 Productos destacados en cards
- 1.5 Testimonios en carrusel
- 1.6 Suscripción al boletín
- 1.7 Footer con información institucional y enlaces
ABOUT US
- 1.1 Cabecera (reutilizada)
- 1.2 Bloque de historia y misión
- 1.3 Equipo en cards con foto y bio
- 1.4 Valores en iconos
- 1.5 Footer
TEAM
- 1.1 Cabecera
- 1.2 Listado de miembros con filtro por rol
- 1.3 Detalle individual del miembro (modal)
- 1.4 Footer
SHOP LISTING
- 1.1 Cabecera
- 1.2 Filtros de categoría y orden
- 1.3 Grid de productos con imagen, nombre y precio
- 1.4 Paginación
- 1.5 Footer
PRODUCT DETAIL
- 1.1 Cabecera
- 1.2 Galería de imágenes del producto
- 1.3 Información del producto, precio y selector de variantes
- 1.4 Botón añadir al carrito
- 1.5 Productos relacionados en carousel
- 1.6 Footer
CART MODAL
- 1.1 Lista de items en el carrito con miniatura, nombre, opciones y cantidad
- 1.2 Subtotal y botón de checkout rápido
- 1.3 Botón para ir a página de checkout
- 1.4 Footer
CHECKOUT
- 1.1 Cabecera mínima
- 1.2 Formulario de datos de facturación y envío
- 1.3 Resumen del pedido
- 1.4 Métodos de pago (tarjeta, PayPal, Apple Pay)
- 1.5 Botón confirmar compra
- 1.6 Footer
BLOG LISTING
- 1.1 Cabecera
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer
BLOG DETAIL
- 1.1 Cabecera
- 1.2 Artículo completo con título, autor, fecha y contenido
- 1.3 Área de comentarios
- 1.4 Posts relacionados
- 1.5 Footer
CONTACT US
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes sociales
- 1.5 Footer
PROMPTS RELACIONADOS · ENTRETENIMIENTO
