NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "LudicSphere" (plataforma de juegos de mesa) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura del sitio original sin copiar texto.
- Paleta de colores: #1F2937 (gris oscuro), #F59E0B (ámbar), #10B981 (verde), #EF4444 (rojo), #3B82F6 (azul), #F3F4F6 (gris claro).
- Tipografía: Inter (sans‑serif) para cuerpos y títulos, peso 400‑700.
- Header: barra sticky con logo a la izquierda, menú mega‑dropdown con enlaces (Home, About Us, Games, Events, Blog, Contact), botón CTA "Start the Game" con efecto de superposición de colores. Menú colapsable en móvil con ícono hamburguesa.
- Hero: fondo blanco, título grande "Descubre el mundo de los juegos de mesa", subtítulo con números
5.136 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.136 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 Encabezado con logo, menú mega‑dropdown y botón "Start the Game"
- 2.1 Hero principal con título, descripción y botones CTA
- 3.1 Ilustraciones decorativas flotantes alrededor del hero
- 4.1 Bloque de estadísticas en columnas
- 5.1 Galería de juegos destacados en grid responsive
- 6.1 Testimonios con carrusel automático
- 7.1 Footer con enlaces, newsletter y redes sociales
ABOUT US
- 1.1 Encabezado reutilizado
- 2.1 Sección introductoria con imagen y texto descriptivo
- 3.1 Equipo en tarjetas con foto y bio
- 4.1 Valores y misión en bloques horizontales
- 5.1 CTA para contactar
GAMES
- 1.1 Encabezado reutilizado
- 2.1 Lista de juegos en grid con filtro por categoría
- 3.1 Detalle de juego individual (imagen, descripción, componentes)
- 4.1 CTA "Juega ahora"
EVENTS
- 1.1 Encabezado reutilizado
- 2.1 Calendario de eventos en tarjetas
- 3.1 Formulario de registro rápido
- 4.1 CTA "Ver más eventos"
CONTACT US
- 1.1 Encabezado reutilizado
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de contacto
- 4.1 CTA "Enviar"
BLOG
- 1.1 Encabezado reutilizado
- 2.1 Lista de artículos en tarjetas con imagen y extracto
- 3.1 Paginación simple
- 4.1 CTA "Leer más"
PROMPTS RELACIONADOS · EDUCACIÓN
