Drommo
Futbol
Página web

Futbol

Prompt

Titulo: Landing page premium oscura para una experiencia de club de fútbol 3D Descripcion: Crea una landing page premium, moderna y minimalista para un club de fútbol ficticio llamado Fútbol 3D. La página debe sentirse como una experiencia inmersiva de estadio digital con estética oscura, tipografía fuerte, acentos verde neón, tarjetas deportivas limpias, calendario de partidos, promoción de mercancía y sección de suscripción para hinchas. Concepto principal: La landing page presenta una experiencia futurista de club de fútbol donde los fans pueden entrar al estadio, descubrir el club, conocer a los jugadores, revisar próximos partidos, comprar mercancía oficial y unirse a la comunidad de hinchas. El diseño debe sentirse elegante, oscuro, espacioso, deportivo y digital. Estilo visual: tema: Sitio oscuro de club de fútbol, experiencia de estadio 3D, landing page deportiva minimalista, plataforma digital para fans; colores: Negro profundo; Negro carbón; Verde neón; Blanco suave; Gris apagado; Cristal oscuro; Glow esmeralda sutil; tipografia: Tipografía sans-serif enorme, bold y en mayúsculas, jerarquía deportiva fuerte, palabras con contorno, etiquetas compactas y texto de cuerpo limpio y legible.; efectos: Fondo oscuro minimalista; Acentos verde neón; Tarjetas glassmorphism; Profundidad 3D sutil; Botones con glow suave; Tipografía con contorno; Elevación de tarjetas al hacer hover; Aparición suave con scroll; Atmósfera mínima de estadio; Divisores finos y espaciado limpio Estructura: header: logo: Fútbol 3D; menu: Club; Jugadores; Partidos; Tienda; button: Únete; style: Navbar fijo minimalista y oscuro con logo Fútbol 3D a la izquierda, enlaces pequeños en mayúsculas a la derecha y botón verde neón para unirse. Mantener el header limpio, compacto y alineado.; hero: headline: Pisa la Cancha; description: La experiencia definitiva del fútbol. Siente la energía, la pasión y la gloria como nunca antes en nuestro estadio interactivo 3D.; buttons: Comprar Entradas; Ver Calendario; visual_direction: Usar un hero oscuro con tipografía enorme blanca y una palabra con contorno verde neón. Agregar sensación sutil de entrada a un estadio 3D, luz verde tenue, partículas mínimas y un indicador vertical de scroll que diga Scroll para entrar al estadio.; style: Mucho espacio vacío, tipografía fuerte, contenido del hero alineado a la izquierda y composición premium minimalista.; stadium_section: title: Nuestra Casa; description: Un estadio de última generación con capacidad para 80,000 almas vibrando al unísono. Iluminación inteligente, acústica perfecta y el mejor césped del mundo.; stats: value: 80K; label: Capacidad; value: 120; label: Palcos VIP; value: 100%; label: Energía Renovable; style: Crear una tarjeta horizontal amplia de cristal oscuro con la descripción del estadio a la izquierda y números verdes de métricas centrados dentro de la tarjeta. Agregar mucho espacio y un título grande alineado a la derecha.; players_section: title: Estrellas; cards: name: Leo “Mago” Silva; position: Delantero; name: Marco Veloz; position: Extremo; name: S. Muralla; position: Portero; style: Usar tres tarjetas oscuras de jugadores con placeholders sutiles de imagen, overlays con gradiente, nombre del jugador y posición. Agregar elevación al hacer hover y glow verde en el borde.; matches_section: title: Próximos Encuentros; matches: date: 24 OCT - 20:00H; match: Fútbol 3D vs. Real FC; competition: Liga Premier; button: Tickets; date: 28 OCT - 19:30H; match: City United vs. Fútbol 3D; competition: Copa Internacional; button: Info; date: 02 NOV - 21:00H; match: Fútbol 3D vs. Athletico; competition: Liga Premier; button: Tickets; style: Crear un calendario de partidos limpio con filas horizontales oscuras, fechas verdes, nombres de partidos en blanco, etiquetas de competición grises y botones pequeños de acción.; store_section: title: Equípate; product: name: Camiseta Oficial 24/25; description: Tecnología de respiración, ajuste aerodinámico y los colores que defendemos con el alma.; price: $89.99 USD; button: Comprar Ahora; style: Sección alineada a la derecha con una tarjeta compacta premium de producto, fondo oscuro, botón CTA verde y texto limpio de mercancía.; fan_section: title: Únete a la Hinchada; description: Foros, eventos exclusivos, entrenamientos privados y más.; form: field: Tu correo electrónico; button: Suscribirse; behavior: Validar email, mostrar mensaje de éxito y agregar feedback visual al enviar.; style: Sección de suscripción centrada con título grande, descripción corta y grupo de input oscuro con botón verde.; price_card: position: Tarjeta flotante en la parte inferior derecha en desktop; text: Web page; price: 20 US$; button: Comprar; payment_methods: Mostrar iconos pequeños de métodos de pago aceptados.; responsive_behavior: En móvil, mover la tarjeta de precio debajo del contenido principal en lugar de flotante.; footer: text: © 2026 Fútbol 3D. Todos los derechos reservados.; style: Footer oscuro minimalista con texto de copyright centrado y espaciado sutil. Interacciones: Scroll suave entre secciones; Los enlaces del navbar navegan hacia Club, Jugadores, Partidos y Tienda; Comprar Entradas lleva a Próximos Encuentros; Ver Calendario lleva al calendario de partidos; Únete lleva a la sección de suscripción de hinchas; Los botones Tickets muestran una confirmación simulada de compra; El botón Info abre un modal pequeño con detalles del partido; Comprar Ahora abre un modal simulado de compra de mercancía; Suscribirse valida el campo de email y muestra mensaje de confirmación; Las tarjetas se elevan sutilmente al hacer hover con profundidad 3D; Los botones verdes tienen glow al hacer hover y estados active; Las secciones aparecen con fade y translateY al hacer scroll; La tarjeta flotante de precio permanece visible en desktop Requisitos de espaciado: Usar un contenedor centrado con max-width aproximado de 1200px; Usar mucho espaciado vertical entre secciones; Mantener el layout minimalista, espacioso y sin saturación; Usar grandes espacios vacíos para crear sensación deportiva premium; Usar gaps amplios entre tarjetas de jugadores; Usar padding cómodo dentro de cada tarjeta; Mantener títulos de sección separados del contenido; No colocar textos ni botones demasiado juntos; Mantener jerarquía clara con títulos enormes y texto de apoyo pequeño Requisitos responsive: En desktop el layout debe sentirse espacioso, premium y dramático; En tablet el contenido debe apilarse claramente; En móvil usar secciones de una sola columna; Reducir los títulos enormes en móvil manteniendo impacto; Mantener botones grandes y fáciles de tocar; Hacer que las filas de partidos se apilen limpiamente en pantallas pequeñas; Mover la tarjeta flotante de precio debajo del contenido principal en móvil Resultado esperado: Una landing page premium completa para Fútbol 3D con estética futbolística oscura y minimalista, tipografía enorme y bold, acentos verde neón, estadísticas del estadio, tarjetas de jugadores, calendario de partidos, sección de mercancía, formulario de suscripción de hinchas, tarjeta flotante de precio, animaciones suaves, layout responsive y una experiencia moderna de estadio digital.

Tipo
Página web
Tecnología
HTML, CSS, JavaScript
  • landing page
  • futbol
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas

MessiPágina web
Clon de Salesforce: Cliente 360Página web
Clon de Trello: tableros KanbanPágina web