NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Data Nimbo, un SaaS de gestión financiera para pymes. Usa una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). La paleta de colores debe incluir:
- Azul principal: #0A6EFF
- Azul oscuro: #0044AA
- Gris claro: #F5F7FA
- Gris medio: #D1D5DB
- Blanco: #FFFFFF
Tipografía: Inter (Google Fonts) para encabezados y cuerpo, tamaños H1 48px, H2 36px, H3 28px, texto base 16px.
Estructura:
1. Header (sticky) con logo (texto Data Nimbo), menú horizontal (Home, About, Features, Pricing, Contact), ítem "Pages" con dropdown multi‑columna que muestra enlaces de utilidad, botón primario "Empezar" y botón de carrito que muestra contador.
2. Hero: fondo blanco, título grande (H1) con mensaje descriptivo, subtítulo, botón CTA az
3.421 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.421 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, botón primario y carrito
- 2.1 Hero con título destacado, subtítulo y botón CTA
- 3.1 Grid de características con íconos y texto
- 4.1 Sección de testimonios con carrusel
- 5.1 Tabla de planes y precios con botones de selección
- 6.1 Formulario de suscripción y llamada a acción final
- 7.1 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header (reutilizado)
- 2.1 Imagen de portada y misión
- 3.1 Equipo con tarjetas de perfil
- 4.1 Valores y cultura
- 5.1 Footer (reutilizado)
FEATURES
- 1.1 Header
- 2.1 Hero interno con descripción breve
- 3.1 Lista de funcionalidades en bloques alternados
- 4.1 Integraciones destacadas
- 5.1 CTA para prueba gratuita
- 6.1 Footer
PRICING
- 1.1 Header
- 2.1 Comparativa de planes en tarjetas
- 3.1 FAQ acordeón
- 4.1 CTA de registro
- 5.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto con campos: nombre, email, mensaje
- 3.1 Mapa incrustado y datos de oficina
- 4.1 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
