ferrow

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A black-and-white banking dashboard for a fictional bank, Ferrow, laid out on a strict 28 px grid: a sidebar with savings Spaces, the total balance over a 1W/1M/3M/1Y chart, a brushed-metal debit card, Quick send, a monthly budget gauge and a live transaction list, all in glass panels on near-black with a fine film grain. One 16-second loop plays by itself with a demo cursor. The panels come in, the balance counts up and its chart draws in; the cursor clicks 1Y and the chart morphs from the month to the year while the change chip rolls over. In Quick send it picks Mira, types $240 digit by digit and slides the knob to the end of the track: the amount pops out as a white pill, arcs over to the list and lands as a new transfer at the top, pushing the other rows down; the balance drops, the chart's last point dips, two more budget ticks light up and a toast confirms. Then the cursor hovers the metal card, which tilts in 3D after it under a moving sheen, freezes it (frosted glass, a lock, Card frozen) and unfreezes it, and the interface dims to black before it starts again. Two presentation views come with it: the window centred in a graphite room, and a camera cut in which the panels fly in and tilted close-ups follow the story before it settles on the full window. HTML, CSS and SVG with React, no images, Inter; everything is a pure function of time, with window.__render(t) for frame-exact video export. The bank, the people and the merchants are fictional.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • dashboard
  • autoplay loop
  • cursor animation
  • slide to send
  • flying chips
  • live totals
  • toast
  • card tilt
  • camera moves
  • film grain
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • svg

fonts

Inter

Free fonts, linked in the prompt.

colors

  • #09090A
  • #F2F1EE
  • #FFFFFF
  • #202023
  • #0C0C0E
  • #2C2C30
  • #3B3B3F

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license