NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CapitalFlux** (plataforma SaaS de análisis financiero con IA) usando **HTML + Tailwind CDN + JavaScript vanilla** en un solo archivo. Reproduce el diseño visual y la estructura descrita a continuación, sin copiar ningún texto original.
**Paleta de colores**
- Primary: #0A2240 (azul marino profundo)
- Accent: #1E3A8A (azul real)
- Secondary: #F3F4F6 (gris muy claro)
- Highlight: #10B981 (verde esmeralda)
- Text: #111827 (gris casi negro)
**Tipografía**
- Fuente principal: `Inter`, peso 400/600/700, importada de Google Fonts.
- Fuente secundaria para títulos: `Poppins`, peso 600/700.
**Header / Navbar**
- Contenedor centrado, máximo 1280px, con logo (SVG ficticio) a la izquierda.
- Enlaces de navegación: "Inicio", "Sobre nosotros", "Ca
5.327 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.327 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 de navegación con logo, enlaces y botón de contacto
- 1.2 Hero principal: título doble, descripción, CTA primary y secondary, lista de ventajas
- 1.3 Imagen hero y elementos decorativos (nubes, fondo de paisaje)
- 1.4 Bloque de clientes: pre‑título + carrusel de logotipos
- 1.5 Bloque de características (grid de iconos y textos)
- 1.6 Sección de métricas (contadores animados)
- 1.7 Testimonios en cards con foto y cita
- 1.8 Llamada a acción final con botón
- 1.9 Footer: enlaces de navegación, redes sociales, información legal
ABOUT
- 2.1 Hero interno con imagen y texto descriptivo
- 2.2 Nuestra misión y visión en bloques de texto e iconos
- 2.3 Equipo con tarjetas de perfil
- 2.4 CTA para contactar
FEATURE
- 3.1 Hero con título y descripción
- 3.2 Grid de funcionalidades con iconos
- 3.3 Video demo embed
- 3.4 FAQ accordion
- 3.5 CTA secundario
PRICING
- 4.1 Tabla comparativa de planes con botones de selección
- 4.2 Sección de preguntas frecuentes
- 4.3 CTA de prueba gratuita
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y meta datos
- 5.2 Sidebar con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de contacto y mapa estático
- 6.3 CTA para solicitar demo
PROMPTS RELACIONADOS · SAAS / STARTUP
