NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado "CumbreX" (dominio cumbrex.com) que reproduzca el diseño visual y la estructura de la página analizada, sin copiar texto alguno. Utiliza HTML5 + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul primario para botones y enlaces), #F59E0B (accento naranja para highlights), #E5E7EB (gris claro para fondos de tarjetas). Tipografía: Inter (sans‑serif) para cuerpo y headings, peso 400‑700.
Estructura:
- <header class="bg-white shadow-md fixed w-full z-10"> con logo a la izquierda, menú horizontal (Home, Agenda, Speakers, Recordings, Ticket) y botón azul "Buy Ticket" a la derecha. Menú colapsable en móvil con icono hamburger.
- <section class="hero min-h-screen bg-gray-100 fle
4.283 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.283 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 Cabecera con logotipo, navegación y botón CTA
- 1.2 Hero con título, subtítulo y badge de fecha
- 1.3 Tarjeta de ticket con datos del evento y botón "Ver precios"
- 1.4 Bloque de funcionalidades (tabs) con imagen y descripción
- 1.5 Sección de patrocinadores con grid de logos y CTA "Ser sponsor"
- 1.6 Footer con enlaces rápidos, redes y contacto
AGENDA
- 2.1 Cabecera reutilizada
- 2.2 Lista de agenda con filtros y horarios
- 2.3 CTA de registro al evento
SPEAKERS
- 3.1 Cabecera reutilizada
- 3.2 Grid de ponentes con foto, nombre y bio breve
- 3.3 Botón para ver detalle
RECORDINGS
- 4.1 Cabecera reutilizada
- 4.2 Galería de videos con filtro por tema
- 4.3 Enlace a reproducción externa
TICKET
- 5.1 Cabecera reutilizada
- 5.2 Detalle del ticket con precios y formulario de compra
- 5.3 Preguntas frecuentes
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto simple
- 6.3 Información de sede y mapa
PROMPTS RELACIONADOS · EDUCACIÓN
