NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia App Austral, una plataforma SaaS de gestión de proyectos. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- Paleta de colores: #0A0A0A (negro profundo), #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400-700.
- Header fijado, con logo a la izquierda, menú central (Home, About, Blog, Pages dropdown con enlaces a Home, About, Features, Services, Contact, Careers, Blog, Pricing, Team, Coming Soon, Request a Demo), enlace Contact a la derecha y botón CTA "Get started" visible en tablets. Incluye icono de carrito con contador.
- Hero: fondo claro, título grande (texto ori
3.662 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.662 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 Header con logo, menú principal, dropdown de páginas y botón de carrito
- 1.2 Hero con título grande, subtítulo y botón CTA
- 1.3 Área de características en tres columnas con iconos y texto
- 1.4 Sección de testimonios en carrusel horizontal
- 1.5 Tabla comparativa de planes de precios
- 1.6 Formulario de suscripción a newsletter
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header idéntico al Home
- 2.2 Hero con título "Sobre App Austral" y párrafo descriptivo
- 2.3 Equipo: tarjetas con foto, nombre y rol
- 2.4 Valores: grid de iconos con textos breves
- 2.5 Footer idéntico al Home
FEATURES
- 3.1 Header
- 3.2 Hero con listado de funcionalidades detalladas (grid de tarjetas)
- 3.3 Video demo incrustado
- 3.4 Footer
PRICING
- 4.1 Header
- 4.2 Tabla comparativa de planes (tres columnas)
- 4.3 FAQ en acordeón
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Hero con formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Mapa estático de ubicación
- 5.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
