NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia NimbusFlow, una plataforma SaaS de automatización empresarial. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primario: #1E3A8A (azul marino)
- Secundario: #3B82F6 (azul brillante)
- Fondo claro: #F9FAFB
- Texto oscuro: #111827
- Acento: #10B981 (verde)
**Tipografía**: Inter (sans‑serif) para todo el texto, con peso 400 para cuerpo y 600 para encabezados. Carga vía Google Fonts.
**Estructura global**:
- `<header>` fijo, con logo izquierdo, menú principal (Home, About, Features, Pricing, Contact) y un mega‑dropdown bajo "Pages" que muestra enlaces a integraciones, blog, sign‑up y sign‑in. Usa `relative` y `absolute` para el dropdown, con transición suave.
- `<main>` co
4.488 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.488 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 fija con logo y mega‑menú
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Bloques de valor (4 columnas)
- 1.4 Grid de integraciones (imágenes + títulos)
- 1.5 Sección de demo (texto + video embed)
- 1.6 Testimonios en carrusel
- 1.7 Tabla de precios (3 columnas)
- 1.8 Registro rápido (email)
- 1.9 Footer con enlaces y redes
ABOUT
- 1.1 Cabecera interna
- 1.2 Sobre nosotros con imagen y texto descriptivo
- 1.3 Valores de la compañía en tarjetas
- 1.4 Equipo destacado en grid
- 1.5 CTA de contacto
- 1.6 Footer
FEATURES
- 1.1 Cabecera interna
- 1.2 Lista de funcionalidades con iconos y descripciones
- 1.3 Demo interactiva (gif/ video)
- 1.4 FAQ accordion
- 1.5 CTA de prueba gratuita
- 1.6 Footer
PRICING
- 1.1 Cabecera interna
- 1.2 Tabla comparativa de planes (Free, Pro, Enterprise)
- 1.3 Preguntas frecuentes
- 1.4 CTA de suscripción
- 1.5 Footer
CONTACT
- 1.1 Cabecera interna
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa estático
- 1.4 Información de contacto y redes
- 1.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
