Carrito Iniciar sesión
RESTAURANTE Y COMIDA · Claude Design · HTML

Luz Nocturna — Prompt de diseño web para Claude AI

Club nocturno y eventos de música electrónica Espacio donde la noche cobra vida.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Luz Nocturna — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crear una página web completa para la marca ficticia Luz Nocturna (luznocturna.com) que reproduzca el diseño visual y la estructura de un club nocturno contemporáneo. Utilizar solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Incluir lo siguiente: - Paleta de colores: negro profundo (#0A0A0A), neón violeta (#9B00FF), neón azulado (#00E5FF), gris medio (#444444), blanco puro (#FFFFFF). - Tipografía: 'Inter' para cuerpo y 'Montserrat' en negrita para titulares, ambos importados de Google Fonts. - Header: barra de navegación fija, logo a la izquierda (SVG placeholder), enlaces ancla (About, Events, Testimonial, Team) con subrayado animado, botón primario “Get in touch” con efecto hover (cambio de fondo a neón violeta). Menú colapsable en móviles con ícono ham
4.499 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.499 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Luz Nocturna — home completa
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 y enlaces ancla, botón principal.
  • 2.1 Hero con vídeo de fondo, titular, subtítulo y dos botones CTA.
  • 3.1 Carrusel de logos de partners.
  • 4.1 Bloque “Who We Are” con imagen y texto.
  • 5.1 Sección de eventos próximos con pestañas y tarjetas.
  • 6.1 Testimonios.
  • 7.1 Equipo.
  • 8.1 Formulario de contacto y footer.

ABOUT

  • 1.1 Imagen a la izquierda, texto a la derecha con botón ‘Learn More’.

EVENTS

  • 1.1 Título y descripción de la sección.
  • 2.1 Menú de pestañas por fecha.
  • 3.1 Tarjetas de evento con imagen, fecha, título y descripción.

TESTIMONIALS

  • 1.1 Slider de testimonios con cita y foto.

TEAM

  • 1.1 Grid de miembros con foto circular, nombre y rol.

CONTACT

  • 1.1 Formulario de contacto (nombre, email, mensaje) y botón enviar.
  • 2.1 Footer con enlaces de navegación, redes sociales y datos de contacto.
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA

Otros prompts de la misma categoría