NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia NimboTech, una plataforma SaaS que ayuda a empresas a optimizar sus operaciones. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emula la estructura y los patrones visuales del sitio analizado sin copiar texto ni imágenes originales.
**Paleta de colores**
- Primary: #0A2240 (rich navy)
- Secondary: #1E3A8A (deep blue)
- Accent: #3B82F6 (blue‑500)
- Light: #F9FAFB (gray‑50)
- Gray: #6B7280 (gray‑500)
**Tipografía**
- Font family: "Inter", sans‑serif (cargar desde Google Fonts)
- Headings: font‑weight 700, tracking normal
- Body: font‑weight 400, leading‑relaxed
**Header**
- Barra superior fija con mensaje promocional y fondo primary, texto blanco.
- Navbar sticky con logo a la izquierda, menú multi‑
4.667 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.667 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 aviso promocional
- 1.2 Cabecera con logo, menú multi‑nivel y botones de acción
- 1.3 Hero con titular, subtítulo y CTA principal
- 1.4 Sección de valor añadido (iconos + texto)
- 1.5 Cuadrícula de características (3 columnas)
- 1.6 Área de demo/video
- 1.7 Testimonios en carrusel
- 1.8 Tabla de precios comparativa
- 1.9 CTA final con captura de leads
- 1.10 Footer con navegación, contacto y redes
ABOUT
- 2.1 Hero interno con título y descripción
- 2.2 Historia de la empresa en texto + imagen
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores y misión en lista con iconos
- 2.5 CTA a contacto
FEATURES
- 3.1 Hero de funcionalidades
- 3.2 Lista de features en tarjetas con ilustraciones
- 3.3 Caso de uso destacado con video
- 3.4 Preguntas frecuentes en acordeón
- 3.5 CTA a prueba gratuita
PRICING
- 4.1 Hero de precios
- 4.2 Tabla comparativa de 3 planes
- 4.3 Lista de beneficios por plan
- 4.4 FAQ de precios
- 4.5 CTA de suscripción
CONTACT
- 5.1 Hero de contacto
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Información de contacto y mapa integrado
- 5.4 Enlaces a redes sociales
- 5.5 CTA de descarga de brochure
PROMPTS RELACIONADOS · SAAS / STARTUP
