NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una conferencia tecnológica llamado Saber Atlas usando HTML sencillo con TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: fondo oscuro #0A0A0A, texto principal #FFFFFF, acento azul #1E40AF, acento naranja #F97316, gris secundario #6B7280. Tipografía: Inter (Google Fonts) para títulos y cuerpo.
Estructura:
- Header fijo con logo SVG (placeholder), menú mega‑dropdown que muestra enlaces a todas las páginas (Home, Tickets, Schedule, Speakers, About, Sponsor, Blog, Contact, FAQ, Privacy, etc.) y botón "Comprar entradas" con estilo primario (fondo azul, texto blanco, icono de flecha).
- Hero full‑width con fondo de formas abstractas (SVG placeholders), título grande (display‑1) en blanco, span en color naranja p
3.722 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.722 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 llamada a la acción
- 1.2 Hero con título principal, fondo decorativo, texto descriptivo, datos de venue y fecha, botones "Comprar entradas" y "Ser patrocinador"
- 1.3 Sección de ponentes: título con número, divisor, slider con tarjetas de ponente (imagen, nombre, puesto, charla, botón "Ver detalle")
- 1.4 Footer con enlaces de navegación, redes sociales y datos de contacto (asumido)
TICKETS
- 2.1 Lista de tipos de entrada y botón de compra
SCHEDULE
- 3.1 Agenda del evento por día y hora
SPEAKERS
- 4.1 Grid de todos los ponentes con filtros y botones de detalle
ABOUT
- 5.1 Información institucional y misión del evento
SPONSOR
- 6.1 Beneficios de ser patrocinador y formulario de contacto
BLOG
- 7.1 Lista de artículos con imágenes y extractos
CONTACT
- 8.1 Formulario de contacto y mapa de ubicación
PROMPTS RELACIONADOS · EDUCACIÓN
