NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Aula Puerto** (plataforma SaaS de gestión de proyectos) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Cumple con los siguientes requisitos:
---
**Alcance y estructura**
- Navbar fijo con logo SVG, enlaces: Home, About Us, Services, Contact, Blog. Incluye dropdown "Pages" con enlaces a versiones de Home, About, Services, Contact y Blog. Botón CTA "Buy Template" visible en escritorio y oculto en móvil.
- Hero section: título grande, subtítulo en tono gris, dos botones CTA (primario: "Customize template", secundario: "Buy now!") con efecto hover que invierte colores.
- Carrusel marquee horizontal continuo que muestra 5 imágenes de ejemplo (usaremos URLs placeholders) replicando el efecto de bucle infinit
4.333 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.333 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 con logo, enlaces de navegación y botones de compra/registro
- 1.2 Hero con título, subtítulo y dos botones CTA
- 1.3 Carrusel de imágenes continuo (marquee) con 5 slides repetidas en bucle
- 1.4 (Placeholder para sección de características)
- 1.5 (Placeholder para sección de testimonios)
- 1.6 Footer con enlaces de soporte, redes sociales y datos de contacto
ABOUT US
- 2.1 Navbar (reutilizado)
- 2.2 Cabecera de página con título y descripción
- 2.3 Bloque de historia/visión de la empresa
- 2.4 Equipo con fotos y breves biografías
- 2.5 Footer
SERVICES
- 3.1 Navbar
- 3.2 Lista de servicios en tarjetas con iconos y descripciones
- 3.3 CTA para solicitar demo
- 3.4 Footer
CONTACT
- 4.1 Navbar
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Mapa incrustado y datos de localización
- 4.4 Footer
BLOG
- 5.1 Navbar
- 5.2 Lista de artículos con miniaturas, título y extracto
- 5.3 Paginación
- 5.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
