NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Finora Labs, una plataforma SaaS de análisis financiero impulsado por IA. Usa únicamente HTML estático, Tailwind CSS via CDN y JavaScript vanilla en un único archivo.
**Paleta de colores** (extraída del diseño original):
- #0A0F2C (azul muy oscuro, fondo principal)
- #1E3A8A (azul primario para botones y enlaces)
- #3B82F6 (azul claro para hover y acentos)
- #F3F4F6 (gris muy claro, fondos de secciones)
- #FFFFFF (blanco, texto principal)
- #FBBF24 (amarillo dorado para resaltados y iconos)
**Tipografía**:
- Fuente principal: Inter (cargar desde Google Fonts).
- Fuente secundaria para títulos grandes: Poppins, peso 600.
**Estructura global**:
- `<header>` con clase `bg-[#0A0F2C] text-white` que contiene el logo (SVG placeholder), menú
5.439 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.439 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, enlaces y botón "Prueba gratis"
- 1.2 Hero: título "Finanzas Plataforma", descripción, botones "Comenzar ahora" y "Ver demo", lista de 3 beneficios, imagen principal y decoraciones en nube
- 1.3 Clientes: pre‑title "Confiado por inversores y equipos financieros", carrusel de logos de clientes
- 1.4 Características: grid de 3‑4 tarjetas con icono, título y texto descriptivo
- 1.5 Estadísticas: contadores animados (usuarios, transacciones, ahorro total)
- 1.6 Testimonios: carousel de citas con avatar y nombre
- 1.7 Precio: tabla comparativa de planes con botones CTA
- 1.8 Blog destacado: tarjetas de artículos recientes
- 1.9 Footer: enlaces de navegación, redes sociales, formulario de suscripción y datos legales
ABOUT
- 2.1 Navbar (reutilizado)
- 2.2 Hero interno con título y descripción
- 2.3 Misión y visión en bloques de texto con iconos
- 2.4 Equipo: tarjetas de miembros con foto, rol y bio breve
- 2.5 Footer
FEATURES
- 3.1 Navbar
- 3.2 Hero con headline y CTA
- 3.3 Lista de funciones en grid, cada una con icono y descripción
- 3.4 Demo interactiva (placeholder)
- 3.5 Footer
PRICING
- 4.1 Navbar
- 4.2 Hero con llamado a la acción y resumen de planes
- 4.3 Tabla comparativa de 3 planes, cada columna con lista de ventajas y botón "Seleccionar"
- 4.4 FAQ accordion
- 4.5 Footer
BLOG
- 5.1 Navbar
- 5.2 Lista de artículos en formato tarjeta con imagen, título, extracto y etiqueta de categoría
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Navbar
- 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.3 Mapa incrustado (placeholder)
- 6.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA