EVENTOS · Claude Design · HTML

Vértice Summit — Prompt de diseño web para Claude AI

★★★★★4,6 3.946 descargas

Eventos y conferencias internacionales Conecta ideas, impulsa futuro.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia "Vértice Summit" siguiendo estas especificaciones:
- **Stack**: HTML único, Tailwind CSS vía CDN, JavaScript vanilla (un solo archivo). No usar frameworks ni dependencias externas.
- **Paleta de colores**: #0D0D2B (azul marino profundo), #1E1E3F (gris azulado), #F15A29 (naranja vibrante), #FFFFFF (blanco), #E5E5E5 (gris claro) para fondos y bordes.
- **Tipografía**: Fuente principal "Inter", peso 400/600, tamaños responsivos usando clases Tailwind (text-4xl, text-lg, etc.).
- **Header**: barra fija superior con logo a la izquierda, menú horizontal (Home, Agenda, Speakers, Recordings, Ticket) y botón destacado "Buy Ticket" en naranja. En móvil, colapsar a menú hamburguesa.
- **Hero**: sección a pantalla completa, fondo gris oscuro, título grande "VERTICE" en mayúsculas, subtítulo "Connect ideas, shape the future", badge circular con día "21" y mes/año "August 2025". Animaciones suaves de fade-in.
- **Bloque Ticket**: tarjeta centrada con borde decorativo, título del evento, fecha y lugar, botón naranja "See Ticket Price". Imagen del ticket con filtro de escala y desenfoque.
- **Sección Características**: título "What’s New in 2025", descripción breve. Tabs horizontales (Unified Workspace, Live Collaboration Dashboard, Smart Workflow Automation). Cada tab muestra una tarjeta con imagen a la derecha y texto a la izquierda, botón azul "Explore Now".
- **Sponsors**: título "Thank you to our sponsors", breve copy, botón azul "Become a Sponsor". Grid de 8 logos en filas responsivas, con placeholders SVG.
- **Footer**: fondo oscuro, enlace a política de privacidad, términos y redes sociales (iconos simples). Texto centrado con copyright.
- **Interactividad**: menú hamburguesa toggle, tabs cambio de contenido sin recargar, scroll suave para anclas, animaciones fade-in on scroll (usar IntersectionObserver).
- **Accesibilidad**: usar atributos aria, contraste suficiente, foco visible.
- **Responsive**: diseñar para móvil, tablet y escritorio usando clases Tailwind responsivas.
Entrega el código HTML completo con <script> al final que gestione la lógica del menú y los tabs. No incluir enlaces externos al dominio original ni copiar textos literales; generar todo el copy en español neutro original.

---

## 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.617 caracteres · 31 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, navegación y botón de compra
1.2 Hero con título, subtítulo y badge de fecha
1.3 Bloque de ticket con info del evento y botón
1.4 Sección de características con tabs y cards
1.5 Área de sponsors con grid y CTA
1.6 Footer con enlaces y contactos

AGENDA

2.1 Header reutilizado
2.2 Lista de agenda con tarjetas horarias
2.3 Footer reutilizado

SPEAKERS

3.1 Header reutilizado
3.2 Grid de speakers con foto, nombre y bio corta
3.3 Footer reutilizado

RECORDINGS

4.1 Header reutilizado
4.2 Galería de videos con thumbnails y reproducir
4.3 Footer reutilizado

TICKET

5.1 Header reutilizado
5.2 Detalle completo del ticket con precio y botón de compra
5.3 Footer reutilizado

CONTACT

6.1 Header reutilizado
6.2 Formulario de contacto simple (nombre, email, mensaje)
6.3 Footer reutilizado

PROMPTS RELACIONADOS · EVENTOS

Otros prompts de la misma categoría

Ficha de marca

Nombre: Vértice Summit
Sector: Eventos y conferencias internacionales
Claim: Conecta ideas, impulsa futuro

Bloques de la home

1.1 Header con logo, navegación horizontal y botón de compra de ticket
1.2 Hero con título, subtítulo y badge de fecha
1.3 Bloque de ticket con información del evento y botón de detalle
1.4 Sección de características con tabs interactivos y tarjetas descriptivas
1.5 Área de sponsors con grid responsive y llamado a acción
1.6 Footer sencillo con enlaces de navegación y datos de contacto

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