NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Instituto Neon** siguiendo las especificaciones a continuación. Utiliza exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. No incluyas ninguna referencia a la página original.
---
**Objetivo**: Landing page promocional de una plantilla web para creativos y agencias.
**Estructura**:
- **Header (navbar)**: barra fija, fondo negro semi‑transparente, logo SVG ficticio a la izquierda, menú desplegable con items (Demos, About, Works, Blog, Pages) y botón primario "Contactar" con flecha. En móviles, colapsa a burger icon.
- **Sección Hero**: fondo oscuro con imagen full‑width de una captura de pantalla (placeholder), título grande blanco "Plantilla Web Dinámica", subtítulo gris claro "3 demos, 13 páginas inter
4.699 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.699 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 fijo con logo, menú desplegable y botón CTA
- 1.2 Sección hero con título, subtítulo y captura de pantalla
- 1.3 Bloque de demos pre‑construidos (3 tarjetas)
- 1.4 Sección de rendimiento (4 barras de progreso)
- 1.5 Grid de características (8 ítems con icono y texto)
- 1.6 Bloque de páginas interiores (3 tarjetas)
- 1.7 Footer con datos de contacto y enlaces sociales
ABOUT US
- 2.1 Navbar reutilizado
- 2.2 Hero interno con título y descripción
- 2.3 Galería de imágenes o videos de la empresa
- 2.4 Texto de misión/visión
- 2.5 Equipo en grid de tarjetas
- 2.6 Footer
WORKS
- 3.1 Navbar
- 3.2 Hero de portfolio con filtro de categorías
- 3.3 Grid de proyectos (cards con overlay)
- 3.4 Testimonios en carousel
- 3.5 Footer
BLOG
- 4.1 Navbar
- 4.2 Lista de artículos en cards
- 4.3 Sidebar con categorías y búsqueda
- 4.4 Footer
CONTACT US
- 5.1 Navbar
- 5.2 Formulario de contacto simple
- 5.3 Información de localización y redes
- 5.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
