f(t) reads your site, writes the story, matches your brand and renders a product film at your chosen quality — scored with music composed in code. No stock footage. No timeline. Nothing to license.
Rendered by f(t) · Loopline is a fictional product
0p
Full HD master
0 fps
Smooth, frame-exact motion
−0 LUFS
Loudness-mastered audio
0
Stock assets or licences
0
Looks and story shapes
How it works
Four steps. You stay in control of the story; the engine handles the craft.
STEP 01
Source
Paste your website, or describe the product. Add screenshots or a short screen recording if you have them.
Source
yourproduct.com+ 3 screenshots+ 1 recordingVoiceover · offLength · autoSTEP 02
Understanding
f(t) crawls your site for the logo, brand colours, features and screenshots, then checks it has enough. If not, it asks you up to five short questions.
From your site
LOGOLogo found · SVGBrand colours, ranked
5 pages · 6 features · 4 capturesEnough to direct?
Q1Who is it for?Q2What changes for them?Q3One number that proves it?Asks at most five. Skippable.
STEP 03
Direction
Gemini drafts the research and the brief. You edit every line, re-roll the palette and watch a live preview before a single frame renders.
Brief · editable
Hook — “Your tools don’t talk.”Reveal — the product, namedProof — three screens, one flowCTA — yourproduct.comPalette
STEP 04
Film
Your device draws the frames, joins the mastered music and optional voiceover, and creates an MP4 at your selected quality.
Render queue
4 pages · 2 browsersFramesdoneMusic + SFXdoneMaster−14 LUFSvideo.mp41920×1080 · 45 fps · H.264 + AAC
Nine story shapes
Every product story has a shape. Choose one, or let the director pick it from your site. Hover to preview, click to watch with sound.
Eight looks
Each style is a complete art direction — type, motion, transitions and its own score. Your palette is generated from your brand colour, so no two films look the same.
LumenLumen
Dark and cinematic. Amber light, serif headlines.
AirAir
Light grey, white cards, keynote calm.
CleanClean
White space, pastel shapes, a bold finale.
HUDHUD
A security console. Hex grid, scanlines.
SoftSoft
Pastel blobs and jelly springs.
RetailRetail
Flat colour blocks, stickers, a marquee.
- Neon
Ideas, instantly.
Neon
Near-black, gradient orbs and glow.
- Blueprint
FIG. 01 — FLOW
Drafted, precisely.
Blueprint
Drafting paper, FIG labels, night mode.
What's inside
Brand, story, picture and sound come from one engine, so they stay in sync on every frame.
Your palette, from your site
Brand colours are ranked from your site, then a full palette is generated around them. Every text colour passes WCAG contrast.
harmony analogous · seed 4172 · AA ✓
Your real logo
The crawled logo replaces the built-in mark in every style, with a backplate when the tones clash.
Real screenshots
Site captures or your uploads play in device tours, zooms and cursor demos. Never generated UI.
Music and SFX, composed in code
Every film gets an original score and sound effects, timed to the same cue sheet as the picture. No samples, so nothing to license.
Optional voiceover
Local text-to-speech narrates lines that complement the screen. The music ducks underneath.
“Tenants pay two months up front. Landlords wait for the right fit.”
Live preview
Scrub the whole film in your browser before you render.
seek(t) · in your browser
A deterministic render queue
Every frame is a pure function of time, so frames render in parallel, in any order, and come out identical. Jobs queue; you watch progress live.
Choose your render quality
Frames are captured straight from the page and encoded at delivery quality in one pass.
frame
00000
1920 × 1080 · 45 fps · H.264 + AAC
Under the hood
The engine never reads the clock. Give it a moment t and it draws exactly one picture — the same one, on any machine, in any order. That is what makes the render queue parallel, resumable and exact.
// the page exposes one function await window.seek(2.40); // → frame 108 // no clock · no Math.random · no CSS transitions
Parallel render
4 workers · 1 filmSame t, same pixels
Verified by SHA-256 across seek orders
Picture and sound share one timeline
Every visible event has a sound cue
Mastered, then checked
−14 LUFS · true peak ≤ −1 dBTP · frame count exact
Use cases
Launches
Name the problem, reveal the product, land the CTA.
Problem → Solution
45–60 s
Feature updates
Give one new feature the whole stage.
Feature Spotlight
30–45 s
Investor updates
Lead with the numbers, then the proof.
Results & Metrics
45–60 s
Onboarding
Walk new users through the first three steps.
Three-Step Workflow
45–75 s
Ads
A tight before-and-after for paid social.
Before → After
30 s
Pricing
We are shaping plans with our first users. No fake tiers, no surprise bills — request access and we'll talk.
Plan
Private beta
Price to be decided with beta users.
- All 8 looks and 9 story shapes
- Palette and logo from your site
- Real screenshots and uploads
- Original music, SFX and optional voiceover
- Live preview and unlimited copy edits
- 720p or 1080p MP4 with mastered sound
FAQ
A website URL or a few sentences about your product. Screenshots and a short screen recording are optional; up to eight images and two recordings of 60 seconds each.
Start with a link. Review the story. Get a film at your chosen quality.