NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Escuela Orion** (evento tecnológico) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Emplea la siguiente paleta de colores (extraída del original):
- #0A0A0A (negro intenso para fondos y texto principal)
- #FFFFFF (blanco puro para contraste)
- #FF6B00 (naranja vibrante para botones y accents)
- #1A73E8 (azul brillante para enlaces y hover)
- #F5F5F5 (gris claro para secciones de fondo secundario).
Tipografía: usar **'Inter', sans‑serif** (cargar desde Google Fonts). Titulares en **font‑weight 700**, cuerpo en **400**.
Estructura y requisitos:
1. **Header** fijo con logo (SVG placeholder), menú mega‑dropdown que muestra todas las páginas (Home, Tickets, Schedule, Speakers, About, Sponsor, Blog
4.388 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.388 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 destacado
- 1.2 Hero con fondos SVG, título principal, subtítulo, información de venue y fecha, botones "Comprar entradas" y "Convertirse en patrocinador"
- 1.3 Sección de ponentes: título con contador, slider con tarjetas de ponente (imagen, nombre, puesto, charla, botón "Ver detalle")
- 1.4 Footer (enlaces de navegación, redes sociales, información legal)
TICKETS
- 2.1 Header reutilizado
- 2.2 Formulario de compra de entradas con opciones de tipo y cantidad
- 2.3 Información del evento y FAQ
- 2.4 Footer
SCHEDULE
- 3.1 Header reutilizado
- 3.2 Agenda del día a día con bloques horarios y sesiones
- 3.3 Detalle de cada sesión al hacer clic
- 3.4 Footer
SPEAKERS
- 4.1 Header reutilizado
- 4.2 Grid de todos los ponentes con filtros por temática
- 4.3 Cada tarjeta enlaza a su página de detalle
- 4.4 Footer
SPEAKER DETAIL
- 5.1 Header reutilizado
- 5.2 Foto grande, biografía, tema de la charla y botón de registro
- 5.3 Sección de conferencias relacionadas
- 5.4 Footer
ABOUT
- 6.1 Header reutilizado
- 6.2 Historia del congreso, misión y equipo organizador
- 6.3 Testimonios
- 6.4 Footer
SPONSOR
- 7.1 Header reutilizado
- 7.2 Información de oportunidades de patrocinio y paquetes
- 7.3 Formulario de contacto
- 7.4 Footer
CONTACT
- 8.1 Header reutilizado
- 8.2 Formulario de contacto, mapa y datos de la sede
- 8.3 Footer
PROMPTS RELACIONADOS · EDUCATION
