NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Academia Orion** (academiaorion.com) que reproduzca el diseño analizado. Usa **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Cumple con los siguientes requisitos:
**Paleta de colores** (extraída del original):
- Primario: #0D3B66 (azul marino profundo)
- Secundario: #FAF0CA (crema cálido)
- Acento: #F4D35E (amarillo dorado)
- Texto principal: #FFFFFF (blanco)
- Texto secundario: #E0E0E0 (gris claro)
**Tipografía**: Usa `Inter` para títulos y `Roboto` para cuerpo, cargadas vía Google Fonts.
**Estructura global**:
- `header` fijo con logo SVG (placeholder), menú mega‑dropdown con columnas de enlaces y botón destacado "Comprar Entradas".
- `section.hero` con fondo SVG decorativo (cuatro formas), título
5.590 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.590 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
- 1.2 Hero con título, subtítulo, fondos decorativos SVG, información de venue y fecha, botones de Compra y Sponsor
- 1.3 Bloque de ponentes: título, divisor, slider con tarjetas de ponente (imagen, nombre, cargo, charla, botón ver detalle)
- 1.4 (placeholder) Sección de patrocinadores con logo grid
- 1.5 Footer con enlaces rápidos, redes sociales y datos de contacto
SOBRE NOSOTROS
- 2.1 Header reutilizado
- 2.2 Texto descriptivo de la organización
- 2.3 Equipo / valores
- 2.4 Footer
PATROCINADORES
- 3.1 Header reutilizado
- 3.2 Galería de logos de patrocinadores
- 3.3 Información de paquetes de patrocinio
- 3.4 Footer
PONENTES
- 4.1 Header reutilizado
- 4.2 Lista completa de ponentes en formato tarjeta
- 4.3 Filtro por temática
- 4.4 Footer
ENTRADAS
- 5.1 Header reutilizado
- 5.2 Opciones de compra de tickets con precios y beneficios
- 5.3 Formulario de compra rápido
- 5.4 Footer
CONTACTO
- 6.1 Header reutilizado
- 6.2 Formulario de contacto y mapa de ubicación
- 6.3 Información de soporte
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCATION
