Finanzas en movimiento
- Hero con video
- Scroll animado
Qué hace especial
- Scroll animado
- Carrusel
- Preguntas frecuentes
- Fondo luminoso animado en el hero (WebGL en la demo; CSS/canvas en el prompt)
- Texto revelado palabra a palabra
- Entradas del hero desde el primer pintado
- Carrusel de casos de uso
- prefers-reduced-motion respetado
Qué incluye
- Prompt para recrear y personalizar el diseño con IA.
- Código y archivos del sitio: imágenes, fuentes y licencias.
- Demo interactiva e instrucciones.
- Uso en sitios propios y proyectos finales de clientes.
Secciones y pantallas de la demo (10)
- Cabecera
- Hero con fondo luminoso
- Presentación
- La demo en cifras
- Funciones
- Analítica
- Gastos y movimientos
- Casos de uso
- Preguntas frecuentes
- Pie
Qué puedes personalizar
- Nombre y símbolo de marca
- Paleta azul eléctrico / azul noche / blanco cerámico
- Textos, cifras y escenarios de ejemplo
- Fondo del hero (animado o estático)
Cómo empezar
- Copia el prompt y descarga los archivos.
- Llévalos a tu herramienta de IA y pide los cambios: marca, textos e imágenes.
- Revisa el resultado y publícalo en tu dominio.
Descarga el paquete y copia el prompt: tu herramienta de IA trabaja sobre el proyecto de sitio/ (README con instalación y dónde personalizar). Cambia marca, textos, cifras de ejemplo e imágenes sin tocar el diseño. No incluye conexión bancaria, transferencias, cuentas ni backend.
El resultado depende de tu herramienta de IA y de los cambios que hagas. La demo muestra la dirección visual.
Detalles técnicos y requisitos
Requisitos
- No incluye conexión bancaria, transferencias, cuentas ni backend financiero; importes y gráficos son ejemplos.
- Node.js 20.19 o superior para ejecutar el proyecto (Vite, React).
- Aporta tu símbolo de marca y, si cambias las imágenes, fotos de personas ficticias o con derechos de uso.
- Tipografía SF Pro Display del sistema, como el original (no se incluyen archivos): en macOS e iOS se ve como en la demo; en Windows y Android el navegador usa su sans de respaldo.
- No incluido: herramienta de IA (y sus créditos), dominio y hosting.
Tecnologías
- React
- Vite
- TypeScript
- WebGL
- Canvas
Implementadas en el paquete que descargas.
React 19 · Vite · TypeScript · TanStack Router · Tailwind CSS 4 · GSAP + Lenis · WebGL (Light Pillar)
Herramientas de IA sugeridas
ClaudeCodexv0Lovable
Compatibles con las instrucciones del diseño; no es una prueba registrada.
Compatibilidad probada: Sin prueba registrada todavía.
Paleta y tipografía
#3468F5#0b1020#ffffff#dceaff
- Sans grande (titulares e interfaz)
- Serif itálica (palabras clave)
Composición: Artboard 1440 · hero a pantalla completa con tarjeta flotante · secciones claras con tarjetas de 3 columnas
Licencia y versiones
Úsalo en sitios propios y en proyectos finales de clientes, incluido uso comercial. No revendas ni redistribuyas el prompt, los archivos ni el sitio como plantilla. Leer la licencia
Procedencia: Paquete v1.2.0: código y assets del sitio original aprobado (cirform-khaki.vercel.app, commit 38ef244): React, TanStack Router, Tailwind, GSAP, Lenis y el fondo Light Pillar (React Bits, con su licencia). Tipografía del sistema (SF Pro Display), como el original. Avisos en LICENCIAS-Y-AVISOS.md.
- Versión
- v1.2.0 · Publicado 28 oct 2026
- Versiones
- v1.2.0 · 2026-11-03 — Versión original aprobada (Vercel, commit 38ef244, la del vídeo de la ficha); sustituye la reescritura 1.1.x, que se conserva en el historial.
- v1.1.1 · 2026-11-03 — README corregido (instrucciones y raíz del paquete); código, assets y prompt iguales a 1.1.0.
- v1.1.0 · 2026-10-30 — Paquete de código y assets: proyecto ejecutable, imágenes, tipografías y licencias (77 archivos). Prompt alineado con el paquete.
- v1.0.0 · 2026-10-29 — Publicación: preview en video de la demo Nuvora (antes Cirform) y prompt breve. Sin paquete descargable.