NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una plataforma SaaS ficticia llamada Academia Puerto usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo visual del sitio original: cabecera fija con logo (SVG), menú horizontal (Overview, Pages dropdown, Blog, Contact) y botón "Buy Template" estilo botón primario; hero a pantalla completa con fondo oscuro, título grande blanco, subtítulo y botón CTA; sección de características en tres columnas con iconos circulares y texto centrado; bloque de servicios en dos columnas con imagen a la izquierda y texto a la derecha; tabla de precios con tres tarjetas de plan (Free, Pro, Enterprise) con encabezado, lista de features y botón CTA; footer oscuro con logo pequeño, enlaces de navegación, informac
3.261 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.261 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 Cabecera con logo, menú y botón de compra
- 1.2 Hero con título, subtítulo y CTA
- 1.3 Características en grid de 3 columnas
- 1.4 Servicios destacados con iconos y texto
- 1.5 Precios en tarjetas comparativas
- 1.6 Footer con enlaces y redes sociales
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Bloque introductorio con imagen y texto
- 2.3 Historia de la empresa en dos columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Footer
FEATURES
- 3.1 Cabecera reutilizada
- 3.2 Hero de características con imagen y lista de beneficios
- 3.3 Detalle de funcionalidades en accordión
- 3.4 Testimonios en carrusel
- 3.5 Footer
SERVICES
- 4.1 Cabecera reutilizada
- 4.2 Servicios en grid de 4 tarjetas con iconos
- 4.3 Caso de estudio destacado
- 4.4 CTA de contacto
- 4.5 Footer
PRICING
- 5.1 Cabecera reutilizada
- 5.2 Tabla comparativa de planes con botones CTA
- 5.3 Preguntas frecuentes en acordeón
- 5.4 Footer
BLOG
- 6.1 Cabecera reutilizada
- 6.2 Lista de artículos en grid modular
- 6.3 Sidebar con categorías y newsletter
- 6.4 Footer
CONTACT
- 7.1 Cabecera reutilizada
- 7.2 Formulario de contacto con campos básicos
- 7.3 Mapa incrustado
- 7.4 Footer
PROMPTS RELACIONADOS · EDUCATION
