NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. La marca es "Conexión Nova" (conexionnova.com). La web es una landing page para un congreso internacional.
**Paleta de colores**:
- Fondo principal: #0A0A0A (negro profundo)
- Texto primario: #FFFFFF
- Texto secundario: #A0A0A0
- Acento principal: #00C2FF (cian brillante)
- Botón primario fondo: #FF0066 (magenta)
- Botón hover fondo: #E5005A
**Tipografía**:
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Peso 400 para párrafos, 600 para subtítulos, 700 para encabezados.
**Estructura**:
1. **Header / Navbar** fixed top, fondo semi‑transparente negro, logo a la izquierda (placeholder SVG), menú horizontal con enlaces: Home, Sobre nosotros, Agenda, Precios,
4.512 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.512 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 Barra de navegación con logo, menú, CTA y redes
- 1.2 Hero con fecha, título, ubicación, botón y video de fondo
- 1.3 Contadores de métricas del evento
- 1.4 Bloque de ponentes destacados
- 1.5 Agenda resumida en cards
- 1.6 Planes de precios y beneficios
- 1.7 Formulario de registro rápido
- 1.8 Footer con contacto y redes
ABOUT US
- 1.1 Encabezado con subtítulo y descripción de la organización
- 1.2 Historia visual con timeline
- 1.3 Equipo central con fotos y roles
- 1.4 Valores y misión en cuadrícula
- 1.5 CTA para unirse a la comunidad
SCHEDULE
- 1.1 Título y selector de día
- 1.2 Lista de sesiones con hora, tema y ponente
- 1.3 Filtros por tracks
- 1.4 Botón para añadir a calendario
PRICING
- 1.1 Tabla de planes con características
- 1.2 Comparativa de beneficios
- 1.3 CTA de compra en cada plan
SPEAKER
- 1.1 Grid de ponentes con foto, nombre y especialidad
- 1.2 Modal emergente con bio completa
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Sidebar con categorías y búsqueda
- 1.3 Paginación inferior
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 1.2 Mapa incrustado de la ubicación
- 1.3 Información de apoyo y horarios
PROMPTS RELACIONADOS · EDUCATION
