EVENTOS · Claude Design · HTML

NovaSummit — Prompt de diseño web para Claude AI

★★★★★4,9 709 descargas

Organizador de conferencias y eventos tecnológicos Conectamos ideas y talento en experiencias memorables.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático para la marca ficticia NOVA SUMMIT, una empresa que organiza conferencias tecnológicas. Usa HTML simple, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Reproduce fielmente el patrón visual del sitio original: 
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #FF4D4D (rojo vibrante), #F5F5F5 (gris claro) y acentos #E0E0E0. 
- Tipografía: "Inter" para títulos y cuerpo, peso 600 para headings, 400 para párrafos. 
- Header: barra fija con logo a la izquierda, menú horizontal (Home, Agenda, Speakers, Recordings, Ticket) y botón azul #1D4ED8 con texto "Buy Ticket". Menú colapsable en móvil mediante JavaScript. 
- Hero: fondo oscuro, título grande "NOVA SUMMIT" en mayúsculas, subtítulo activo, badge circular con día "21" y mes "August 2025". Animaciones de fade‑in al cargar. 
- Sección de ticket: tarjeta con título del evento, fecha y ubicación, imagen de fondo desaturada con efecto blur, botón rosa #D946EF "See Ticket Price". Bordes decorativos estilo línea y sombras. 
- Feature section: título "What’s New in 2025", descripción breve, tabs horizontales (Unified Workspace, Live Collaboration Dashboard, Smart Workflow Automation). Cada tab muestra imagen a la derecha y texto con botón azul "Explore Now". Transición suave al cambiar de tab. 
- Sponsor section: título "Thank you to our sponsors", breve texto, botón gris "Become a Sponsor", grid de logos de sponsors con espacios en blanco para alineación responsive. 
- Footer: columnas con enlaces (About, Contact, Terms), iconos de redes sociales, y texto de copyright. 
- Todas las interacciones (menú móvil, tabs, botones) deben usar JavaScript sin dependencias externas. Utiliza clases Tailwind para márgenes, paddings, tipografía y colores. Incluye atributos aria para accesibilidad. No copiar texto del original; generar contenido original en español de España. El archivo debe ser auto‑contenedor y listo para abrir en el navegador.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.301 caracteres · 27 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera con logo y menú de navegación, botón destacado de compra de entrada
1.2 Hero con título grande, subtítulo y badge de fecha
1.3 Bloque de entrada al evento con detalles, imagen y llamado a acción
1.4 Sección de características con tabs interactivos y fotos ilustrativas
1.5 Área de patrocinadores con logos y botón de invitación
1.6 Pie de página con enlaces institucionales y redes sociales

AGENDA

1.1 Lista de sesiones con horarios y ponentes
1.2 Filtro por día y temática
1.3 Botón para añadir a calendario

SPEAKERS

1.1 Grid de ponentes con foto, nombre y descripción breve
1.2 Modal emergente con biografía completa

RECORDINGS

1.1 Galería de videos con miniaturas y reproductor integrado
1.2 Filtro por temática

TICKET

1.1 Detalles de tipos de entrada, precios y beneficios
1.2 Formulario de compra simplificado

CONTACT

1.1 Formulario de contacto con campos nombre, email y mensaje
1.2 Información de contacto y mapa estático

PROMPTS RELACIONADOS · EVENTOS

Otros prompts de la misma categoría

Ficha de marca

Nombre: NovaSummit
Sector: Organizador de conferencias y eventos tecnológicos
Claim: Conectamos ideas y talento en experiencias memorables

Bloques de la home

1.1 Cabecera con logo y menú de navegación, botón destacado de compra de entrada
1.2 Hero con título grande, subtítulo y badge de fecha
1.3 Bloque de entrada al evento con detalles, imagen y llamado a acción
1.4 Sección de características con tabs interactivos y fotos ilustrativas
1.5 Área de patrocinadores con logos y botón de invitación
1.6 Pie de página con enlaces institucionales y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada