NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Saas Titan (plataforma SaaS de gestión y soporte) usando **HTML puro**, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. El objetivo es replicar el diseño visual y la estructura de la plantilla analizada, sin copiar texto ni imágenes originales.
**Alcance**
- Cabecera fija con logo (SVG placeholder), menú principal (About us, Features, Blogs, Careers, Contact), botón destacado "Get Started" y carrito de compras minimalista (solo icono y contador). Menú responsive con hamburguesa.
- Hero: fondo claro, subtítulo con icono de play, título grande "All-in-One SaaS Support Platform" (cambiar a "Plataforma integral de soporte SaaS"), texto descriptivo, dos botones CTA (primario y secundario) con efectos hover.
- Bloque de característ
4.606 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.606 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 carrito
- 1.2 Hero con subtítulo, título, texto y dos CTA
- 1.3 Cuadrícula de características (3 columnas)
- 1.4 Video demo integrado
- 1.5 Testimonios rotativos
- 1.6 Tabla de precios comparativa
- 1.7 CTA final y suscripción
- 1.8 Footer con enlaces y redes
ABOUT US
- 1.1 Cabecera reutilizada
- 1.2 Banner interno con título "Sobre nosotros"
- 1.3 Texto descriptivo con imagen ilustrativa
- 1.4 Valores de la empresa en tarjetas
- 1.5 Equipo con fotos y perfiles
- 1.6 Footer
FEATURES
- 1.1 Cabecera
- 1.2 Encabezado de características
- 1.3 Lista de funcionalidades en tarjetas con iconos
- 1.4 Demo interactivo (iframe)
- 1.5 Footer
BLOGS
- 1.1 Cabecera
- 1.2 Lista de artículos en formato grid
- 1.3 Sidebar con categorías y newsletter
- 1.4 Footer
CAREERS
- 1.1 Cabecera
- 1.2 Sección de oportunidades laborales en tarjetas
- 1.3 Formulario de aplicación rápida
- 1.4 Footer
CONTACT US
- 1.1 Cabecera
- 1.2 Formulario de contacto con campos básicos
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
