NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia ConectaTech Summit, una conferencia tecnológica. Usa únicamente HTML plano, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual del sitio analizado:
- Paleta de colores: #0B0D17 (fondo principal), #FFFFFF (texto), #1E90FF (accentos y botones), #F5F7FA (secciones claras).
- Tipografía: Inter (sans-serif) para títulos y texto, peso 700 para encabezados y 400 para cuerpo.
- Header: barra fija con logo SVG a la izquierda, menú mega‑dropdown con varias columnas, enlace destacado "Buy Tickets" con estilo de botón azul que muestra un icono de flecha a la derecha al hover, y botón hamburguesa para móvil que despliega el menú.
- Hero: contenedor centrado, título grande (display‑heading‑1) con texto "Join Us
4.260 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.260 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 Header con logo, menú mega‑dropdown y botón de compra de entradas
- 2.1 Hero con título destacado, subtítulo, fondo con formas SVG, datos del evento y CTA principal
- 3.1 Sección de ponentes con título, contador de ponentes y slider horizontal de tarjetas
- 4.1 Footer con navegación secundaria, enlaces de política y redes sociales
SOBRE NOSOTROS
- 1.1 Header reutilizado
- 2.1 Bloque descriptivo con texto y foto del equipo
- 3.1 CTA para unirse a la newsletter
- 4.1 Footer reutilizado
AGENDA
- 1.1 Header reutilizado
- 2.1 Lista cronológica de sesiones con horarios y ponentes
- 3.1 Botón para descargar el programa completo
- 4.1 Footer reutilizado
PONENTES
- 1.1 Header reutilizado
- 2.1 Grid de tarjetas de ponentes con foto, nombre, cargo y botón de detalle
- 3.1 Filtro por temática
- 4.1 Footer reutilizado
ENTRADAS
- 1.1 Header reutilizado
- 2.1 Tabla de tipos de entradas con precios y botón de compra
- 3.1 Preguntas frecuentes acordeón
- 4.1 Footer reutilizado
CONTACTO
- 1.1 Header reutilizado
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa embebido de la ubicación
- 4.1 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
