NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo (HTML único) usando Tailwind CSS vía CDN y JavaScript vanilla que reproduzca el diseño visual de Ludicra Studios, una tienda de videojuegos online. La página debe incluir:
- Paleta de colores: #0D0D0D (fondo principal), #1A1A1A (sección interna), #00FFC8 (acento neón), #FFFFFF (texto), #CCCCCC (texto secundario).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
- Header fijo con logo SVG ficticio, menú horizontal (Home, About, Shop, Blog) y botón de carrito que abre un panel lateral derecho con listado de productos, subtotales y botón "Continuar a pago".
- Hero ocupando la primera pantalla: título grande "Game On, Anytime, Anywhere.", botón secundario "PLAY NOW" que enlaza a /shop y fondo con canvas que carga una escena Spline (sim
3.732 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.732 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, enlaces (Home, About, Shop, Blog) y botón de carrito lateral
- 1.2 Hero: título principal, botón secundario «PLAY NOW» y escena Spline en canvas
- 1.3 Métricas: tarjetas con número, descripción y mini‑ilustración (Jugadores activos, Juegos desarrollados, Años en la industria, Premios)
- 1.4 Sobre nosotros: subtítulo ‘About us’, breve texto inspirador y tres imágenes posicionadas dinámicamente
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Título de página y contenido descriptivo ampliado
- 2.3 Galería de imágenes y testimonios
SHOP
- 3.1 Cabecera reutilizada
- 3.2 Listado de productos en rejilla con filtro y botón "Add to Cart"
- 3.3 Sidebar de carrito (derecha) con resumen y botón de checkout
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Lista de entradas en formato tarjeta con imagen, título y extracto
- 4.3 Paginación inferior
FOOTER (presente en todas las páginas)
- 5.1 Enlaces de navegación secundaria, redes sociales y datos de contacto
- 5.2 Texto de copyright
PROMPTS RELACIONADOS · ENTRETENIMIENTO
