SAAS / STARTUP · Claude Design · HTML

Finova — Prompt de diseño web para Claude AI

★★★★★4,8 1.340 descargas

Plataforma SaaS de gestión financiera personal Herramientas simples para entender tu dinero.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia **Finova** siguiendo el estilo visual y la estructura de la plantilla original, pero con contenido propio en español de España. Utiliza **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Incluir:
- Paleta de colores: #0A0F33 (azul marino), #1E3A8A (azul intenso), #3B82F6 (azul claro), #F3F4F6 (gris muy claro), #FFFFFF (blanco).
- Tipografía: **Inter** para títulos y cuerpos, importada desde Google Fonts.
- **Top‑bar** fijo arriba con mensaje promocional y botón de cierre.
- **Header** con logo (texto "Finova" en Inter Bold) y menú responsive (Home, Funcionalidades, Precios, Sobre nosotros, Recursos). Botón CTA destacado "Obtener plantilla".
- **Hero**: título h1 grande, párrafo descriptivo, dos botones que enlazan a App Store y Google Play (usar badges genéricos), y una fila de métricas ("200K+ usuarios felices", "4.9/5 rating", "+10k reseñas"). Lado derecho una ilustración del dashboard (usar placeholder de Unsplash) con capas decorativas y overlay semitransparente.
- **Bloque de características**: grid de 3 columnas, cada una con icono SVG sencillo, título y texto corto.
- **Sección de precios**: dos tarjetas (Básico y Premium) con lista de beneficios, precio ficticio (sin cifras) y botón "Seleccionar".
- **Testimonios**: carrusel simple con 3 tarjetas, foto redonda, nombre, puesto y comentario.
- **Footer**: logo, breve descripción, enlaces rápidos, formulario de suscripción (campo email + botón), iconos de redes sociales (SVG), copyright 2026 Finova.
- Interactividad: menú hamburguesa en móvil, cierre del top‑bar, carrusel de testimonios (auto‑slide cada 5 s y navegación manual), validación mínima del formulario de suscripción.
- Código limpio, semántico y accesible (ARIA donde corresponda). No incluir ninguna referencia a la web original ni copiar textos. El resultado debe ser un archivo **index.html** listo para usar.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.285 caracteres · 29 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Top‑bar promocional con mensaje breve y botón de cierre
1.2 Header fijo: logo a la izquierda, menú de enlaces (Inicio, Funcionalidades, Precios, Sobre nosotros, Recursos) y botón CTA ‘Obtener plantilla’
1.3 Hero: título grande, párrafo descriptivo, botones de descarga de apps, estadísticas de usuarios felices
1.4 Imagen principal del dashboard con varias variantes mostradas en capa
1.5 Bloque de funcionalidades: 3 columnas, cada una con icono, título y texto corto
1.6 Tarjetas de precios: plan Básico y Premium, listado de beneficios, botón de selección
1.7 Testimonios: carrusel de 3 tarjetas con foto, nombre y comentario
1.8 Footer: logo, enlaces de navegación, formulario de suscripción, iconos de redes sociales

FEATURES

2.1 Header reutilizado
2.2 Título de página y descripción
2.3 Lista de características detalladas en grid de 2 o 3 columnas
2.4 Imagen o vídeo ilustrativo
2.5 CTA secundario

PRICING

3.1 Header reutilizado
3.2 Tabla comparativa de planes con iconos de tick
3.3 Preguntas frecuentes en acordeón
3.4 CTA final de contacto

ABOUT

4.1 Historia de la empresa con imágenes de equipo
4.2 Valores y misión en bloques
4.3 Equipo en tarjetas con foto y rol

RESOURCES (BLOG)

5.1 Listado de artículos con imagen, título, resumen y enlace
5.2 Sidebar con categorías y newsletter

CONTACT

6.1 Formulario de contacto simple (nombre, email, mensaje)
6.2 Información de contacto y mapa incrustado
6.3 CTA de descarga de la app

FOOTER (global)

7.1 Logo y breve descripción
7.2 Enlaces rápidos (Inicio, Funcionalidades, Precios, Sobre nosotros, Blog)
7.3 Formulario breve de suscripción al newsletter
7.4 Iconos de redes sociales
7.5 Copyright y política de privacidad

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Finova
Sector: Plataforma SaaS de gestión financiera personal
Claim: Herramientas simples para entender tu dinero

Bloques de la home

1.1 Top‑bar promocional con código de descuento
1.2 Header fijo con logo y navegación principal
1.3 Hero principal: título, subtítulo, botones de App Store y Google Play, métricas de usuarios
1.4 Imagen ilustrativa del producto con superposiciones decorativas
1.5 Bloque de características en columnas con iconos
1.6 Sección de precios con tarjetas comparativas
1.7 Testimonios en carrusel
1.8 Footer con enlaces de navegación, contacto y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada