NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Finara** (finara.com), una SaaS fintech que ofrece análisis de inversión con IA. Usa solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente el diseño visual analizado:
- **Paleta de colores**: #0A0F33 (azul oscuro), #1E3A8A (azul primario), #3B82F6 (azul accent), #F3F4F6 (gris claro), #FFFFFF (blanco), #22C55E (verde para acentos).
- **Tipografía**: Inter (sans-serif) para texto y encabezados, peso 400/500/600 según jerarquía.
- **Header** fijo, fondo blanco, logo a la izquierda, menú horizontal (About, Features, Pricing, Pages dropdown con enlaces), botón CTA “Try it free” con estilo oscuro y flecha. En móvil colapsa a icono hamburguesa.
- **Hero** ocupando el viewport full‑width: dos títulos g
4.054 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.054 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 Navbar con logo, menú y CTA "Try it free"
- 1.2 Hero con título "Finanzas Plataforma", descripción, botones "Get started now" y "View demo", lista de beneficios y gran imagen de dashboard con decoraciones de nube y paisaje
- 1.3 Sección Clientes con pre‑title "Trusted by investors and financial teams" y carrusel de logotipos
- 1.4 Bloque Características (grid 3‑4 columnas con icono, título y descripción)
- 1.5 Bloque Precios (tarjetas con plan básico, pro y enterprise)
- 1.6 Footer con enlaces de navegación, información legal y redes sociales
ABOUT
- 2.1 Header común
- 2.2 Imagen destacada y texto de presentación de la empresa
- 2.3 Valores y misión en columnas
- 2.4 Equipo con fotos y biografía corta
- 2.5 CTA final y footer
FEATURE
- 3.1 Header común
- 3.2 Lista de funcionalidades con iconos y explicaciones
- 3.3 Vídeo o animación demo
- 3.4 Testimonios rotativos
- 3.5 CTA y footer
PRICING
- 4.1 Header común
- 4.2 Tabla comparativa de planes con beneficios y botón de selección
- 4.3 FAQ rápida
- 4.4 CTA y footer
BLOG
- 5.1 Header común
- 5.2 Lista de artículos con imagen, título, extracto y fecha
- 5.3 Sidebar con categorías y últimos posts
- 5.4 Footer
CONTACT
- 6.1 Header común
- 6.2 Formulario de contacto (nombre, email, mensaje) y mapa integrado
- 6.3 Información de contacto y redes
- 6.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
