NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado NebulaArena, una comunidad de esports, usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Sigue estos requisitos:
- Paleta de colores: #0a0a0a (fondo principal), #1f1f1f (cards), #e5e5e5 (texto), #ff3e00 (acento), #ffffff (destacados).
- Tipografía: "Inter", sans-serif para todo el texto; usar peso 400 y 600 según necesidad.
- Header: barra fija con logo SVG ficticio, menú horizontal (About Us, Players, Tournaments, Stream Schedule, Contact Us) y un dropdown "All Pages" con enlaces a todas las secciones. Añade icono de carrito que muestra número de artículos.
- Footer: fondo oscuro, logo pequeño, columnas con enlaces (About, Players, Tournaments, FAQ, Contact), iconos de redes sociales (Twitter, Twitch, Discord) y campo de
4.279 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.279 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ú principal, botón de búsqueda y carrito
- 2.1 Hero con fondo oscuro, título destacado y botón principal
- 3.1 Cuadrícula de torneos destacados (tarjetas con imagen, título, fecha)
- 4.1 Slider de jugadores destacados (avatar, nombre, estadísticas breves)
- 5.1 Calendario de stream schedule (lista de próximos streams con hora y juego)
- 6.1 Footer con logo, enlaces a About Us, Players, Tournaments, Contact, redes sociales y suscripción al newsletter
ABOUT US
- 1.1 Navbar idéntico al Home
- 2.1 Cabecera con título y descripción de la comunidad
- 3.1 Bloque de misión y valores en dos columnas
- 4.1 Equipo editorial (tarjetas con foto y bio)
- 5.1 Footer
PLAYERS
- 1.1 Navbar
- 2.1 Hero con filtro de búsqueda de jugadores
- 3.1 Grid de tarjetas de jugador (imagen, nombre, ranking)
- 4.1 Footer
TOURNAMENTS
- 1.1 Navbar
- 2.1 Hero con llamada a inscribirse
- 3.1 Lista de torneos (tarjeta con imagen, juego, fechas, botón "Ver más")
- 4.1 Footer
STREAM SCHEDULE
- 1.1 Navbar
- 2.1 Hero con calendario interactivo
- 3.1 Lista de streams próximos (hora, streamer, juego)
- 4.1 Footer
CONTACT US
- 1.1 Navbar
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Mapa estático y datos de contacto
- 4.1 Footer
PROMPTS RELACIONADOS · ENTRETENIMIENTO
