NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño y la estructura de la plantilla fintech SaaS analizada, usando únicamente Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Finova Flow, dominio finovaflow.com, claim "Simplifica la administración de tu negocio".
**Requisitos visuales**
- Paleta de colores: #0A0A0A (fondo negro profundo), #FFFFFF (texto principal), #2C7EF5 (azul primario), #F2F2F2 (gris claro para fondos de tarjetas), #E5E5E5 (borde y separadores).
- Tipografía: Inter (Google Fonts) para títulos y body, peso 400‑600, tamaños responsivos (h1 3rem, h2 2rem, texto base 1rem).
- Header: barra fija con logo a la izquierda, menú de enlaces (Home, About, Features, Blog, Pricing, Contact) con dropdowns para Home y Pages, botón primario "Get Star
4.159 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.159 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 fija con logo, enlaces principales y botón primario
- 1.2 Hero con etiqueta, título, descripción, botones CTA, avatars y contador
- 1.3 Tarjetas ilustrativas del producto (3 columnas)
- 1.4 Sección de partners (título + carrusel de logos)
ABOUT US
- 2.1 Navbar
- 2.2 Encabezado con título y párrafo descriptivo
- 2.3 Imagen a la izquierda y texto a la derecha
- 2.4 Valores en cards de 3 columnas
- 2.5 Footer
FEATURES
- 3.1 Navbar
- 3.2 Título de sección y subtítulo
- 3.3 Lista de características en grid de 2 columnas con iconos
- 3.4 Demo video embed
- 3.5 Footer
BLOG
- 4.1 Navbar
- 4.2 Listado de artículos en tarjetas con imagen, título, excerpt y botón leer más
- 4.3 Paginación
- 4.4 Footer
PRICING
- 5.1 Navbar
- 5.2 Tabla comparativa de planes (3 columnas) con CTA en cada plan
- 5.3 Preguntas frecuentes en acordeón
- 5.4 Footer
CONTACT US
- 6.1 Navbar
- 6.2 Formulario de contacto con campos nombre, email, asunto, mensaje
- 6.3 Mapa incrustado
- 6.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 10/07/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
