NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear una página web completa para la marca ficticia **FinovaPulse** (plataforma SaaS de gestión financiera) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Replicar fielmente los patrones de UI del sitio analizado:
- **Paleta de colores**: negro (#000000), blanco (#FFFFFF), azul oscuro (#0A2342), azul medio (#1E3A68), verde lima (#7ED957) para acentos y botones.
- **Tipografía**: `Inter` para todo el texto, pesos 400, 500, 600, 700; usar `font-sans` de Tailwind.
- **Header**: barra superior fija, logo a la izquierda, menú principal con enlaces (Inicio, Soluciones, Precios, Blog, Contacto), sub‑menús de dos niveles con indicadores de flecha, botón "Login" y botón destacado "Get in Touch!". Menú colapsable en móvil con ícono hamburger y overlay.
4.221 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.221 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, navegación principal, botón de login y llamado a acción
- 1.2 Hero con etiqueta, título, descripción, botón principal y slider de marcas
- 1.3 Sección "Sobre nosotros" con título, subtítulo y cuadrícula de tarjetas bento informativas
- 1.4 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 2.1 Header interno con breadcrumbs
- 2.2 Imagen principal y texto de introducción
- 2.3 Lista de valores o ventajas en formato cards
- 2.4 CTA de contacto
FEATURES
- 3.1 Header con título y descripción
- 3.2 Grid de features con íconos y textos
- 3.3 Video o animación demostrativa
- 3.4 CTA de prueba gratuita
PRICING
- 4.1 Tabla comparativa de planes
- 4.2 Lista de beneficios por plan
- 4.3 Botón de selección de plan
- 4.4 Preguntas frecuentes
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Sidebar con categorías y newsletter
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado
- 6.3 Información de contacto y horario
- 6.4 Enlaces a redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
