NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estudio Digital Vega" (estudiodigitalvega.com), un comercio electrónico de videojuegos. Usa únicamente HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la siguiente paleta de colores: #0D0D0D (fondo principal), #1A1A1A (secciones), #FFFFFF (texto), #FF5722 (acentos y botones), #CCCCCC (bordes y sombras). Tipografía: Inter (sans‑serif) para todo el texto, con peso 400/600/800 según necesidad.
Estructura:
- **Header** fijo en la parte superior con logo (texto "Estudio Digital Vega" en Inter Bold, color #FF5722), menú mega‑dropdown con enlaces a Home, Juegos, Sobre Nosotros, Blog, Contacto; botón de carrito a la derecha que abre un panel lateral derecho.
- **Hero** ocupando el 100vh, fondo oscuro con imagen
4.225 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.225 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, menú desplegable y carrito lateral
- 1.2 Hero principal con fondo oscuro y llamado a la acción
- 1.3 Cuadrícula de juegos destacados con tarjetas hover
- 1.4 Sección de categorías en forma de tarjetas amplias
- 1.5 Testimonios rotativos con citas de usuarios
- 1.6 Footer con enlaces institucionales, redes sociales y suscripción al boletín
JUEGOS
- 2.1 Lista de productos en cuadrícula, filtros por género y plataforma
- 2.2 Tarjeta de producto con imagen, nombre, precio y botón "Añadir al carrito"
- 2.3 Paginación al final de la lista
DETALLES DE PRODUCTO
- 3.1 Galería de imágenes del juego
- 3.2 Información del juego: título, descripción, precio, botones de compra
- 3.3 Sección de especificaciones técnicas y requisitos
- 3.4 Comentarios de usuarios y valoración por estrellas
CARRO (CART)
- 4.1 Panel lateral con resumen de productos, cantidades y total
- 4.2 Botones de continuar compra y vaciar carrito
- 4.3 Formulario de cupones y opciones de envío
SOBRE NOSOTROS
- 5.1 Texto institucional con misión y visión
- 5.2 Equipo con fotos y breves biografías
- 5.3 Valores y datos de contacto
BLOG
- 6.1 Lista de artículos en formato tarjeta con imagen, título y extracto
- 6.2 Paginación y barra lateral de categorías
- 6.3 Página de artículo individual con contenido y comentarios
CONTACTO
- 7.1 Formulario de contacto con campos nombre, email, mensaje
- 7.2 Mapa incrustado y datos de localización
- 7.3 Información de soporte y horario
PROMPTS RELACIONADOS · AGENCIA DIGITAL
