Finanzas en movimiento
- Video hero
- Scroll animation
What makes it special
- Scroll animation
- Carousel
- FAQ
- Animated luminous background in the hero (WebGL in the demo; CSS/canvas in the prompt)
- Text revealed word by word
- Hero entrances from the first paint
- Use-case carousel
- prefers-reduced-motion respected
What's included
- Prompt to recreate and customize the design with AI.
- Site code and files: images, fonts and licences.
- Interactive demo and instructions.
- Use on your own sites and final client projects.
Demo sections and screens (10)
- Header
- Hero with a luminous background
- Introduction
- The demo in numbers
- Features
- Analytics
- Spending and transactions
- Use cases
- FAQ
- Footer
What you can customize
- Brand name and symbol
- Electric blue / midnight blue / ceramic white palette
- Sample copy, figures and scenarios
- Hero background (animated or static)
How to start
- Copy the prompt and download the files.
- Take them to your AI tool and ask for the changes: brand, copy and images.
- Review the result and publish it on your domain.
Download the package and copy the prompt: your AI tool works on the project in sitio/ (README with installation and where to customize). Change the brand, copy, sample figures and images without touching the design. It does not include a bank connection, transfers, accounts or a backend.
The result depends on your AI tool and the changes you make. The demo shows the visual direction.
Technical details & requirements
Requirements
- It does not include a bank connection, transfers, accounts or a financial backend; amounts and charts are examples.
- Node.js 20.19 or later to run the project (Vite, React).
- Bring your brand symbol and, if you change the images, photos of fictional people or photos you have usage rights to.
- System SF Pro Display typeface, as in the original (no font files included): on macOS and iOS it looks as in the demo; on Windows and Android the browser uses its fallback sans.
- Not included: AI tool (and its credits), domain and hosting.
Technologies
- React
- Vite
- TypeScript
- WebGL
- Canvas
Implemented in the package you download.
React 19 · Vite · TypeScript · TanStack Router · Tailwind CSS 4 · GSAP + Lenis · WebGL (Light Pillar)
Suggested AI tools
ClaudeCodexv0Lovable
Compatible with the design instructions; not a recorded test.
Tested compatibility: No recorded test yet.
Palette and typography
#3468F5#0b1020#ffffff#dceaff
- Sans grande (titulares e interfaz)
- Serif itálica (palabras clave)
Layout: Artboard 1440 · full-screen hero with a floating card · light sections with 3-column cards
Licence & versions
Use it on your own sites and in final client projects, including commercial use. Do not resell or redistribute the prompt, the files or the site as a template. Read the licence
Provenance: Package v1.2.0: code and assets from the approved original site (cirform-khaki.vercel.app, commit 38ef244): React, TanStack Router, Tailwind, GSAP, Lenis and the Light Pillar background (React Bits, with its license). System typeface (SF Pro Display), as in the original. Notices in LICENCIAS-Y-AVISOS.md.
- Version
- v1.2.0 · Published Oct 28, 2026
- Versions
- v1.2.0 · 2026-11-03 — Approved original version (Vercel, commit 38ef244, the one in the listing’s video); replaces the 1.1.x rewrite, which is kept in the history.
- v1.1.1 · 2026-11-03 — README corrected (instructions and package root); code, assets and prompt same as 1.1.0.
- v1.1.0 · 2026-10-30 — Code and assets package: runnable project, images, typefaces and licenses (77 files). Prompt aligned with the package.
- v1.0.0 · 2026-10-29 — Release: video preview of the Nuvora demo (formerly Cirform) and short prompt. No downloadable package.