NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Ludoteca Nova" (dominio ludotecanova.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe replicar el diseño visual y la estructura de un típico marketplace de videojuegos, siguiendo estos requisitos:
- **Paleta de colores**: fondo principal #0A0A0A (negro carbón), acentos #FF6B00 (naranja vibrante), texto principal #F5F5F5 (blanco humo), gris secundario #4A4A4A.
- **Tipografía**: `Inter` para títulos y cuerpo, peso 400‑700, importada desde Google Fonts.
- **Header**: barra fija con logo en SVG blanco, menú mega‑dropdown (Demos, About Us, Games, Pricing, Contact, All Pages) que revela columnas de enlaces al pasar el cursor, y botón de carrito a la derecha con icono de tienda y contador.
-
3.975 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.975 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ú mega‑dropdown y carrito.\n- 2.1 Hero con título, subtítulo y botón CTA.\n- 3.1 Bloque de categorías destacadas.\n- 4.1 Galería de productos en cuadrícula.\n- 5.1 Testimonios con carrusel.\n- 6.1 Suscripción al boletín.\n- 7.1 Pie de página con links y redes.
PRODUCTOS
- 1.1 Cabecera idéntica a la Home.\n- 2.1 Filtro de productos por categoría.\n- 3.1 Lista de productos en grid, mismo estilo que la galería.\n- 4.1 Paginación.\n- 5.1 Footer común.
PRODUCTO DETALLE
- 1.1 Cabecera compartida.\n- 2.1 Imagen grande del juego y galería secundaria.\n- 3.1 Información del producto: título, descripción, precio, selector de plataforma.\n- 4.1 Botón "Añadir al carrito" y sección de productos relacionados.\n- 5.1 Footer.
ABOUT US
- 1.1 Cabecera.\n- 2.1 Hero con historia de la marca.\n- 3.1 Equipo y valores en tarjetas.\n- 4.1 Footer.
CONTACT
- 1.1 Cabecera.\n- 2.1 Formulario de contacto con campos nombre, email, mensaje.\n- 3.1 Mapa estático y datos de contacto.\n- 4.1 Footer.
PROMPTS RELACIONADOS · ENTRETENIMIENTO
