NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Finora** (plataforma SaaS de gestión financiera). Utiliza **HTML** estático, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y el estilo visual del template analizado, sin copiar texto ni imágenes originales (usa placeholders y textos propios en español).
**Paleta de colores** (extraída del original):
- Primario: #0D4CFF (azul intenso)
- Secundario: #6C63FF (violeta suave)
- Fondo claro: #F8FAFC
- Texto principal: #1F2937
- Texto secundario: #6B7280
- Énfasis: #34D399 (verde pastel)
**Tipografía**: Inter (cargar desde Google Fonts) para todo el texto, usar `font-medium` para encabezados y `font-normal` para párrafos.
**Header**: barra fija con logo (texto "Finora" en azul), menú ho
4.947 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.947 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 fija con logo, menú y botones de acceso / registro
- 1.2 Hero principal: texto destacado, estadística, botones, ilustración del app
- 1.3 Bloque de características en cuadrícula de 3 tarjetas
- 1.4 Sección "Cómo funciona" con pasos numerados y línea indicadora
- 1.5 Vista general del producto con imágenes principales y botón de vídeo
- 1.6 Footer con enlaces institucionales y redes sociales
ABOUT
- 1.1 Encabezado con título y breve descripción de la empresa
- 1.2 Imagen ilustrativa y texto de misión/visión
- 1.3 Equipo destacado en cards
- 1.4 Valores en lista con iconos
- 1.5 Footer replicado
FEATURES
- 1.1 Header con título "Características"
- 1.2 Grid de 4‑6 cards con icono, título y descripción
- 1.3 Sección de demo interactiva (placeholder)
- 1.4 Footer
INTEGRATIONS
- 1.1 Header y sub‑header
- 1.2 Logos de partners en carrusel
- 1.3 Texto explicativo y CTA
- 1.4 Footer
PRICING
- 1.1 Tabla comparativa de planes con tarjetas
- 1.2 CTA de prueba gratuita
- 1.3 Preguntas frecuentes en accordion
- 1.4 Footer
BLOG
- 1.1 Lista de artículos en cards con imagen, título y excerpt
- 1.2 Sidebar con categorías y newsletter
- 1.3 Footer
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Información de contacto y mapa embed
- 1.3 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
