NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saas Atlas** (SaaS de assets UI/UX) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y el estilo del sitio analizado, pero con contenido totalmente nuevo en español (España).
**Alcance**:
- Navbar fijo con logo (SVG placeholder), enlaces: Inicio, Sobre nosotros, Funcionalidades (dropdown con 4 items), Blog, Contacto. A la derecha, botones "Login" (estilo secondary) y "Obtener acceso ilimitado" (cta principal).
- Barra informativa superior que muestra un mensaje breve y un icono de cierre que oculta la barra con una transición suave.
- Hero principal: título grande, subtítulo, botón CTA "Comenzar ahora" con flecha derecha, ilustración a la derecha (placeholder PNG). Fo
4.133 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.133 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 superior con mensaje y botón de cierre
- 2.1 Navbar con logo, enlaces principales, dropdown, login y CTA
- 3.1 Hero con título, subtítulo, botón y foto
- 4.1 Slider de logos de clientes
- 5.1 Grid de tres características con iconos
- 6.1 Tarjeta destacada con imagen y texto
- 7.1 Footer con enlaces y datos de contacto
ABOUT
- 1.1 Sección hero secundaria con título y párrafo descriptivo
- 2.1 Lista de equipo o valores
- 3.1 Footer
FEATURES
- 1.1 Hero con título y descripción general
- 2.1 Grid de tarjetas de funcionalidad (icono, título, breve texto)
- 3.1 Footer
PRICING
- 1.1 Tabla comparativa de planes con CTA para cada opción
- 2.1 Preguntas frecuentes en acordeón
- 3.1 Footer
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y botón leer más
- 2.1 Paginación
- 3.1 Footer
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 2.1 Información de soporte y mapa
- 3.1 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
