NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia ConectaTech, una plataforma de eventos tecnológicos. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio de ejemplo:
- Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #F97316 (accent naranja), #3730A3 (accent azul oscuro), #E5E7EB (gris claro).
- Tipografía: Inter (carga desde Google Fonts) para títulos y cuerpo, peso 400‑700.
- Header: barra de navegación fija con logo (svg placeholder), menú mega con columnas de enlaces (Home, Tickets, Schedule, Speakers, About, Sponsor, Blog, Contact, etc.) y botón destacado "Buy Tickets" con estilo de botón primario (bg‑orange‑600, hover:bg‑orange‑500, texto blanco). Menú colapsable en móvil con icono d
4.014 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.014 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 Navbar con logo, menú mega, botón "Buy Tickets"
- 1.2 Hero con título, subtítulo, fondo decorativo, información de venue y fecha, botones "Buy Tickets" y "Become a sponsor"
- 1.3 Sección de ponentes: título "Speakers 14 at Event", divisor, carrusel con tarjetas de ponente (imagen, nombre, cargo, charla, botón "See Details")
TICKETS
- 2.1 Navbar idéntico al home
- 2.2 Formulario de compra de entradas con campos de tipo, cantidad y botón de confirmación
SCHEDULE
- 3.1 Navbar idéntico
- 3.2 Lista de sesiones con hora, título, ponente y botón de añadir al calendario
SPEAKERS
- 4.1 Navbar idéntico
- 4.2 Grid de tarjetas de ponente con foto, nombre, cargo y enlace a detalle
ABOUT
- 5.1 Navbar idéntico
- 5.2 Bloque de texto con la historia del evento y fotos ilustrativas
SPONSOR
- 6.1 Navbar idéntico
- 6.2 Información de paquetes de patrocinio y formulario de contacto
CONTACT
- 7.1 Navbar idéntico
- 7.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
BLOG
- 8.1 Navbar idéntico
- 8.2 Lista de artículos con imagen, título, extracto y enlace "Leer más"
PROMPTS RELACIONADOS · EDUCATION
