Astellung: Film iwwer d'Taxtello Buchhaltungs-App

Dir sidd de Senior Motion Designer, Produktdesigner a Remotion Ingenieur fir Taxtello.

Är Aufgab ass et, e wierklech Premium-Produktfilm op Apple-Niveau fir Taxtello ze kreéieren.

Dëst ass KEEN generesche SaaS Erklärung.
Dëst ass KEEN Iwwerbléck iwwer d'Funktiounen.
Dëst ass KENG Animatioun vun enger Startup-Schabloun.

Ech wëll e Showreel vun maximal 15 Sekonnen fir eng Mark/Produkt, deen Taxtello wéi e reift, deiert a schéin designt Finanzprodukt ausgesäit léisst.

Denk no:

Apple Produktlaunchfilm
× Premium Fintech
× redaktionellt Bewegungsdesign
× zréckgehalen Sträifen-ähnlech Produktpresentatioun
× Taxtello seng eege visuell Identitéit

Déi gewënschte Reaktioun ass:

„Waart emol, dat ass eng däitsch Buchhaltungs-App?“

De Film soll sech deier unfillen.

────────────────────────────────────────────
REPO / QUELL VUN DER WOHRHEET
────────────────────────────────────────────

Inspektéiert als éischt déi richteg Repositories ier Dir iergendeng Saach designt.

Haaptprodukt:
/taxtello/Haaptsäit

Bestehend Remotion Projet:
/taxtello/beta-motion

Wichteg Quelle vun echte Marken:

/taxtello/main/public/css/app/_00-tokens.css
/taxtello/main/docs/design/TOKENS.md
/taxtello/main/public/taxtello-wordmark.png
/taxtello/main/public/icons.svg

Existéierend aktuell Produktscreenshots fannt Dir hei:

/taxtello/main/artifacts/smoke-ui-smoke/

Léiwer déi neist gülteg Screenshots/aktuell Quell iwwer al Artefakte.

Et gëtt schonn eng existent 24-Sekonnen Remotion Heldanimatioun an
/taxtello/beta-motion.

NET ersetzen.
NET zréckgräifen.
Forcéiert seng aktuell KI-Verbindungen-Handlung NET an dësen neie Film.

Erstellt eng nei onofhängeg Kompositioun fir dës Aufgab, z.B.

Taxtello Showreel15

Dir kënnt gutt Infrastruktur, Schrëften, Rendering-Utilities, Bewegungsprimitiven nei benotzen,
Erliichterung vu Kurven, Verméigensbelaaschtung an QA-Infrastruktur vu Beta-Motion wou et nëtzlech ass.

Mä kreativ sollt dat e neie Film sinn.

Virun der Implementatioun, iwwerpréift déi aktuell Taxtello UI a verstitt de Produit.

Erfënnt keng Funktionalitéit, déi et net gëtt.

────────────────────────────────────────────
REAL TAXTELLO VISUELL SPROOCH
────────────────────────────────────────────

Benotzt dat richtegt Designsystem.

Kärpalette:

Hannergrond:
#0c0f1a

Erhiewte Flächen:
#111525
#131722
#1a2032

Haaptmark Gold:
#e8b84b

Gold Highlight:
#f5d07a

Golddéift:
#9b6d18

Haapttext:
#e8eaf2

Stark waarm Wäiss:
#f6f4eb

Sekundärtext:
#8b93b5

Positiv:
#34d399

Negativ/Feeler nëmmen wou semantesch néideg:
#f87171

Typographie:
Plus Jakarta Sans

Zuelen / finanziell Wäerter wou et zoutreffend ass:
JetBrains Mono

Benotzt dat tatsächlecht Taxtello Wuertzeechen an/oder d'Taxtello Mark.
Zeechent de Logo net nei oder approximéiert en net.

Taxtello säi Gold soll sech wéi e wäertvollen Akzent ufillen, net wéi eng giel UI-Flut.

Denk no:
donkelt Metall
waarmt Gold
Glas
Tënt
Präzisioun
rouegt Selbstvertrauen

NET:
Cyberpunk
Krypto
Neon
Spillen
generesch KI violett
Reebougradienten

────────────────────────────────────────────
Kär Kreativregelen
────────────────────────────────────────────

Halt Iech un dës Reegelen rücksichtslos:

1. EEN SCHOSS = ENG IDDI.

2. All Szen brauch Plaz fir ze otmen.

3. D'Produkt-UI ass den Held.

4. Erklärungen net iwwerall opplakken.

5. Benotzt keng haart Schnëtter, ausser et gëtt e bewossten Grond.

6. Objektgedriwwe Iwwergäng virzéien:
eng Kaart gëtt déi nächst Kaart,
eng Grafiklinn gëtt zu engem Verbindungspunkt,
aus enger Quittung gëtt zu enger Buchung,
eng Zuel gëtt zu engem aneren Interface-Element,
D'Kamera beweegt sech duerch d'Produkt.

7. Benotzt Premium-Erliichterungen.
Keng linear Bewegung.

8. Bewegung soll sech natierlech iwwerlappen.
Elementer sollten net all am selwechte Frame ufänken an ophalen.

9. Benotzt Déift spuersam:
Perspektiv,
mëll Parallax,
Skala,
Trennung vum Virdergrond/Hannergrond,
kontrolléiert Déifteschärft, wann et méiglech ass.

10. Et gëtt KEEN Effekt einfach well et cool ausgesäit.

11. Kee Partikelspam.

12. Kee gefälschte Glasmorphismus iwwerall.

13. Keng exzessiv Onschärft.

14. Keng sënnlos 3D-Dréikaarte.

15. Kee stännegt Zoomen.

16. Nee 20 verschidden Animatiounsstiler.

17. Kee sprangende Benotzerinterface.

18. Kee risege Marketingparagraf.

19. Imitéiert keng spezifesch Apple-Reklamm Bild fir Bild.
Fänkt amplaz d'Philosophie an d'Produktiounsqualitéit un.

Déi visuell Selbstvertrauen soll aus Zréckhaltung kommen.

────────────────────────────────────────────
FORMAT
────────────────────────────────────────────

Haaptmeeschter:

1920 × 1080
60 fps
16:9
H.264
maximal Dauer: 15,0 Sekonnen

Zillafzäit:
ongeféier 14,0–15,0 Sekonnen.

Et muss als Reveal-Produkt fir sozial Medien funktionéieren, och ouni Toun.

Wann et praktesch ass, NODEEMS de Master fäerdeg ass, erstellt och eng bewosst nei komponéiert
vertikal/sozial Variant.

D'Kompositioun um Desktop net einfach ausschneiden.

Mee den Desktop-Meeschter ass d'Prioritéit.

────────────────────────────────────────────
GESCHICHT / EMOTIONELLEN BOGEN
────────────────────────────────────────────

Maacht dës Lëscht net mat fënnef Funktiounen.

Et sollt sech wéi een eenzege kontinuéierleche Gedanke fillen:

CHAOS → KONTROLL → KLARHET → TAXTELLO

Déi éischt 1,5 Sekonnen mussen scho Premium ausgesinn.

Den éischte bedeitende Produktmoment sollt no ~2 Sekonnen optrieden.

Kee fënnef Sekonne Logo-Intro.

Méiglech narrativ Richtung:

„Endlech alles iwwer Äert Geschäft op enger Plaz.“

Mee WEIS dat amplaz et z'erklären.

Ech wëll ongeféier véier visuell Iddien fir de ganze Film.

Benotzt déi stäerkst RICHTIG Taxtello-Uewerflächen, déi Dir am Repository fannt.

Staark Kandidaten sinn ënner anerem:

• Finanzcockpit / Dashboard
• Rechnungen
• Belege
• Bank / Matching
• Steuergesundheit / Steier Iwwersiicht

Dir musst se NET all weisen.

Wielt déi visuell stäerkst Kombinatioun.

────────────────────────────────────────────
VIRGESCHLOENEN 15-SEKONNEN-STORYBOARD
────────────────────────────────────────────

Betruecht dëst als e staarke Startpunkt, net als eng starr Schabloun.

0,00 – 1,20

SCHWARZ / MARINEBLAU.

E klenge waarme-golde Glanz erschéngt.

De Glanz weist elegant entweder d'Taxtello-Mark oder e Fragment dovun op
Wuertzeechen.

Kee generesche Logo-Verschlechterung.

Denkt u maschinell Präzisioun.

D'Kamera beweegt sech duerch oder laanscht d'Mark an d'UI fänkt un, dovunner erauszekommen.

Ganz wéineg oder guer keng Kopie.

───────────────────

1,20 – 4,40

FINANZKONTROLL.

Weist den aktuellen Taxtello Cockpit als eng dimensional Produktuewerfläch.

Net nëmmen e Screenshot, deen um Bildschierm placéiert gëtt.

Rekonstruéieren/beschneiden/Schichten opbauen, sou datt eenzel Interfaceregiounen animéiere kënnen.

Déi finanziell Zuel vum Held léist sech präzis op.
D'Grafik zitt eran.
D'Ënnerstëtzungsmetriken stabiliséieren sech e bësse méi spéit.

Benotzt subtile Stagger.

Eng eenzeg Zeil vun der Kopie kéint zum Beispill erschéngen:

"Alles am Bléck."

oder eng aner gläich kuerz däitsch Phrase, wann Dir eppes méi Passendes fannt.

Maximal ~3–4 Wierder.

D'Interface muss als dat richtegt Produkt erkennbar bleiwen.

───────────────────

4,40 – 7,50

DOKUMENT- / BUCHTUNGSTRANSFORMATION.

Benotzt e visuellt Objet aus der viregter Szen als Iwwergang.

Beispill:

E gëllene Punkt op der Grafikkaart erweitert sech an d'Eck vun enger Quittung/Kaart.
D'Kamera verfollegt et.
Eng Quittung/Dokument kënnt eran.
Taxtello identifizéiert oder organiséiert et.
D'Dokument passt elegant an seng entspriechend Buchung / Finanzopzeechnung an.

Benotzt magnetesch Ausriichtung a Präzisioun.

Kee kitschege Scannerlaser.

Kee schwiewend Pabeiertornado.

Méiglech Mikrokopie:

"Belege. Erlidden."

Nëmmen wann et d'Szen verbessert.

───────────────────

7,50 – 10,70

GELD / RECHNUNGEN.

Morph oder transitionéiert natierlech an déi richteg Rechnungen-Interface.

Benotzt ee staarke Moment:

e Rechnungsstatus ännert sech,
eng Bezuelung entscheet sech,
e Betrag réckelt sech op seng Plaz,
oder den Iwwerbléck setzt sech selwer zesummen.

D'Zuelen sollten taktil a präzis ufillen.

Benotzt JetBrains Mono, wou dëst mam tatsächleche Produkt iwwereneestëmmt.

Gold ënnersträicht den aktiven Zoustand.

Gréng gëtt nëmme fir e wierklech positiven semanteschen Zoustand benotzt.

Méiglech Kopie:

"Geld. Am Griff."

Nach eng Kéier: optional an extrem kuerz.

───────────────────

10,70 – 12,80

STEUER / KLAARHEET.

Iwwergank an déi richteg Taxtello Steier-, Gesondheets- a Finanzberodungsfläch.

Behaapt net, datt Taxtello magesch déi korrekt Steiere garantéiert.

Visibilitéit a Kontroll kommunizéieren.

Beispill:

verschidde lauter Signaler zesummefalen an eng roueg, strukturéiert Steieriwwersiicht

Méiglech Kopie:

"Steieren am Bléck."

Dës Szen sollt méi roueg wierken wéi déi viregt.

De Rhythmus verlangsamt sech kuerz.

───────────────────

12.80 – 15.00 Auer

MARKEBEZUELUNG.

Zitt d'Kamera no baussen.

D'UI kompriméiert oder falt sech zu engem schéinen Taxtello Produktobjekt/Uewerfläch.

Däischtert kënnt ronderëm et zréck.

Dat gëllent Taxtello Wuertzeechen léist sech op.

Eng kuerz Markenlinn drënner.

Entdeckt staark Schlusszeilen wéi:

„Däin Geschäft. Klär.“

"Buchhaltung. Unter Kontrolle."

"Einfach mehr Überblick."

"Alles fürs Business. An einem Ort."

Wielt baséiert op der tatsächlecher Produktpositionéierung, déi Dir am Repo fannt.

Benotzt keng Zeil einfach well ech se virgeschloen hunn.

De leschte Bild muss genuch Rou hunn, fir sech ze registréieren.

Schluss mat Selbstvertrauen.

Kee risege sprangenden CTA.

────────────────────────────────────────────
Iwwergäng
────────────────────────────────────────────

Dëst ass ee vun de wichtegsten Deeler.

Ech wëll Iwwergäng, déi de Betrachter nodenken loossen:

„Natierlech ass déi nächst Szen dovunner entstanen.“

Gutt:

Diagrammlinn → Dokumentrand
Goldpille → Rechnungsknäppchen
Finanznummer → Betrag an der Rechnung
Kaartekant → nächst Uewerfläch
Kamera-Push-Through-Interface-Element
gemeinsam Geometrie
Maskenentdeckung mat Hëllef vun tatsächleche Produktformen

Schlecht:

Kräizfaden
zoufälleg läschen
Spin-Iwwergang
Feeler
all zwou Sekonnen eng Schlagpan
generesch SaaS-Slide-left
Zoom-Verblümmerung Spam

Direkt Schnëtter sinn nëmme erlaabt, wann en bewossten rhythmeschen Impakt dem Film zugutt kënnt.

────────────────────────────────────────────
BEWEGUNG
────────────────────────────────────────────

Bewegung brauch Gewiicht.

Benotzt Kurven, déi vergläichbar sinn mat:

Kubik-Bezier(0,16, 1, 0,3, 1)

wou et ubruecht ass.

Verschidden Elementer sollten subtil ënnerschiddlech Ukënftszäiten hunn.

Virzéien:

Erwaardung
Iwwerschreitung ënner ~2%
sech nidderloossen
Fortsetzung vun der Bewegung
gedeelt Geschwindegkeet tëscht Szenen

Vermeit Cartoon-Fréijoerlechkeet.

D'Kamerabewegung soll sech wéi eng High-End Makro-Produkt-Shooting ufillen.

Stellt Iech vir, mir filmen e physikalescht Premium-Objet, och wann et Software ass.

────────────────────────────────────────────
Beliichtung / Material
────────────────────────────────────────────

Benotzt extrem subtil Ëmweltbeliichtung.

Méiglech Behandlungen:

• mëll Goldrandbeliichtung
• donkelbloe Falloff
• schwaach Ëmfeldbléi
• mëllen spélégenden Héichpunkt, deen iwwer eng Uewerfläch geet
• zréckgehalen Vignette
• subtile Kären, wann et materiell hëlleft

Halt d'Interface kloer.

Verwärmt d'Produkt NET just fir filmesch ausgesinn ze kënnen.

Keng falsch glänzend Reflexiounen, déi d'Liesbarkeet zerstéieren.

────────────────────────────────────────────
TYPOGRAPHIE
────────────────────────────────────────────

Benotzt ganz wéineg Kopien.

Kee Saz soll mam Produkt konkurréieren.

Iwwerschrëfte sollten am Allgemengen op enger Zeil passen.

Benotzt Plus Jakarta Sans.

Staark Typographie kann heiansdo ganz grouss skaléieren an zu engem Iwwergang ginn
Apparat selwer.

Vermeit generescht Verhalen vu Beweegungsgrafiken, wou all Wuert onofhängeg animéiert gëtt.

Typographie soll sech wéi designt Objeten beweegen.

────────────────────────────────────────────
KLANG / RHYTHMUS
────────────────────────────────────────────

Entworf d'Bewegung sou, wéi wann se op ongeféier 115–120 BPM geschnidde wier:
Premium, kinetesch, sophistikéiert, net hektesch.

Wichteg Momenter sollten musikalesch landen.

Virgeschloe Klangsprooch:

• geréng mëll Impakt fir grouss Enthüllungen
• limitéiert taktil UI Klicks
• subtile metalleschen/glasfaarwegen Toun-Tick
• mëll Déiffrequenzbewegung während Kameraiwwergäng
• elegant opgeléist Toun beim Logo-Ausdrock

Vermeiden:

• e risege Boom vun den Traileren fir Kino
• EDM-Riser
• haart Gezwitscher iwwerall
• Standard "Tech Interface" Téin
• Rap-Beat
• aggressiven Bass

Wann et kee juristesch sécheren Museks-/Audio-Asset am Projet gëtt, zitt NET zréck.
Copyright-geschützten Audio aus dem Internet.

Liwwert de visuelle Master ouni Copyright-geschützt Musek a kreéiert e präzise Cue
Blat dat beschreift, wou Musek/SFX solle schloen.

Wann et e passenden sécheren/lokalen Audio gëtt, benotzt en.

────────────────────────────────────────────
Nëmmen echt Produkt
────────────────────────────────────────────

Dëst ass kritesch.

Iwwerpréift déi aktuell Haaptleitung.

Erfannen keng Schiirme.

Erfënnt keng Metriken, déi richteg Clientendaten implizéieren.

Benotzt kloer synthetesch/demo-sécher Wäerter, wann néideg.

Verëffentlecht keng perséinlech Informatiounen, Informatiounen iwwer Testbenotzer oder Produktiounsinformatiounen aus Versehen.

Benotzt déi visuell Struktur vun der aktueller Taxtello UI nei.

Wann e Bildschierm bewegungsgetrennt muss sinn, erstellt en trei a React vun
dat richtegt Designsystem anstatt einfach e risege Screenshot ze skaléieren.

D'Resultat sollt ëmmer nach onmëssverständlech wéi Taxtello ausgesinn.

────────────────────────────────────────────
ERWARDUNGEN FIR D'ËMZÉIERUNG
────────────────────────────────────────────

Aarbecht direkt an:

/taxtello/beta-motion

Erstellt déi nei Kompositioun nieft der existéierender.

Halt existent Kompositioune funktionéierend.

Strukturéiert déi nei Aarbecht propper.

Virléift wiederverwendbar Primitiven fir:

• Kameraoberfläche
• Produktrahmen
• maskéiert Iwwergäng
• Text weist
• UI-Regioun enthüllt
• Ambientebeliichtung
• Iwwergäng tëscht gemeinsamen Elementer

Vermeit eng Komponent mat 1.500 Zeilen.

Benotzt deterministesch Remotion Animatioun, déi vu Frame/Zäit ugedriwwe gëtt.

Kee festgeluechtenTimeout.
Keng net-deterministesch Animatiounen.

Respektéiert 60 fps duerchgängeg.

Benotzt Interpolatioun/Spring/Easing bewosst.

────────────────────────────────────────────
NET NO DER ÉISCHTER ËMZETTUNG OPHALEN
────────────────────────────────────────────

Dëst ass eng visuell Aufgab.

Dir MUSS déi tatsächlech gerendert Ausgab iwwerpréiwen.

Noutwendeg Aarbechtsfloss:

1. Inspektioun vum Lager a vun der richteger Mark/dem richtege Produkt.

2. Schreift e präzise Storyboard mat:
- genee Zäitstempel
- Schlësselvisuell
- Iwwergangslogik
- kopéieren
- gewënschten emotionalen Rhythmus

3. Ëmsetzen.

4. Typcheck / relevant Kontrollen ausféieren.

5. Representativ Biller ongeféier rendern bei:
0,0 Sekonnen
1,0 Sekonnen
2,5 Sekonnen
4,5 Sekonnen
6,5 Sekonnen
8,5 Sekonnen
10,5 Sekonnen
12,5 Sekonnen
14,0 Sekonnen
14,8 Sekonnen

6. KUCKT DËS BILLER VISUELL UN.

Bestätegt net nëmmen datt d'Rendering erfollegräich war.

Froen:

Gesäit dat aus wéi e Produktfilm vun Apple?

Gesäit iergendeng Saach aus wéi eng Schabloun?

Ass ze vill um Bildschierm?

Ass d'Produkt liesbar?

Sinn Iwwergäng logesch verbonnen?

Fillt Taxtello Gold sech Premium un?

Gesäit all Frame komponéiert aus?

7. Visuell Schwächten behiewen.

8. Rendert de komplette Film.

9. Iwwerpréift verschidde exakt decodéiert Biller aus dem finalen MP4, net nëmmen de Browser
Screenshots.

10. Widderhuel et nach eng Kéier, wann néideg.

Deklaréiert keen Erfolleg, well de Code kompiléiert.

D'Liwwerung ass de FILM.

────────────────────────────────────────────
QUALITÉITSBAR
────────────────────────────────────────────

Verwerft Äert eegent Resultat wann et sech sou ufält:

• eng SaaS-Schabloun
• eng PowerPoint-Animatioun
• eng Websäit-Bildschirmopnam
• eng generesch Remotion Demo
• eng Krypto-Reklam
• eng vun KI generéiert Promotiounsvirlag
• fënnef Screenshots déi ronderëm rutschen
• exzessiv Marketingtexter

All wichtege Bild sollt gutt genuch sinn, fir als Stillreklam ze benotzen.

Ech hätt léiwer:

3 aussergewéinlech visuell Momenter

wéi

10 mëttelméisseg Animatiounen.

────────────────────────────────────────────
SCHLËSSLECH LEWWERUNGEN
────────────────────────────────────────────

Liwweren:

1. Schlussendlecht Storyboard
2. Nei Remotion Kompositiounsquell
3. 1920×1080 / 60fps final MP4
4. Poster/Schlussrahmen
5. Kontaktblat mat representativen Biller aus dem Film
6. Genee Lafzäit
7. Lëscht vun de richtegen Taxtello-Verméigen/Bildschirmer, déi benotzt goufen
8. Kuerz Erklärung vun der Bewegungssprooch
9. All verbleiwen visuell Kompromësser
10. Befeeler fir d'Renderung ze reproduzéieren

Späichert d'Resultater an engem kloer benannten Dossier, wéi zum Beispill:

/taxtello/beta-motion/out/showreel-15/

Näischt aussetzen.
Produktiounsdaten net änneren.
Näischt zesummeféieren.

Gitt kreativ an d'Spill, awer praktizéiert rücksichtslosen Réckhalt.

Maacht Taxtello deier ausgesinn.

You are the senior motion designer, product designer and Remotion engineer for Taxtello.

Your task is to create a genuinely premium, Apple-level product film for Taxtello.

This is NOT a generic SaaS explainer.
This is NOT a feature walkthrough.
This is NOT a startup template animation.

I want a maximum 15-second brand/product showreel that makes Taxtello look like a mature, expensive, beautifully designed financial product.

Think:

Apple product launch film
× premium fintech
× editorial motion design
× restrained Stripe-like product presentation
× Taxtello's own visual identity

The desired reaction is:

“Wait, this is a German bookkeeping app?”

The film should feel expensive.

────────────────────────────────────
REPO / SOURCE OF TRUTH
────────────────────────────────────

First inspect the real repositories before designing anything.

Main product:
  /taxtello/main

Existing Remotion project:
  /taxtello/beta-motion

Important real brand sources:

  /taxtello/main/public/css/app/_00-tokens.css
  /taxtello/main/docs/design/TOKENS.md
  /taxtello/main/public/taxtello-wordmark.png
  /taxtello/main/public/icons.svg

Existing current product screenshots can be found under:

  /taxtello/main/artifacts/smoke-ui-smoke/

Prefer the newest valid screenshots/current source over stale artifacts.

There is already an existing 24-second Remotion hero animation in
/taxtello/beta-motion.

DO NOT replace it.
DO NOT regress it.
DO NOT force its current AI-connections storyline into this new film.

Create a new independent composition for this task, e.g.

  TaxtelloShowreel15

You may reuse good infrastructure, fonts, rendering utilities, motion primitives,
easing curves, asset loading and QA infrastructure from beta-motion where useful.

But creatively this should be a new film.

Before implementation, inspect the actual Taxtello UI and understand the product.

Do not invent functionality that does not exist.

────────────────────────────────────
REAL TAXTELLO VISUAL LANGUAGE
────────────────────────────────────

Use the real design system.

Core palette:

Background:
  #0c0f1a

Elevated surfaces:
  #111525
  #131722
  #1a2032

Primary brand gold:
  #e8b84b

Gold highlight:
  #f5d07a

Gold depth:
  #9b6d18

Primary text:
  #e8eaf2

Strong warm white:
  #f6f4eb

Secondary text:
  #8b93b5

Positive:
  #34d399

Negative/error only where semantically necessary:
  #f87171

Typography:
  Plus Jakarta Sans

Numbers / financial values where appropriate:
  JetBrains Mono

Use the actual Taxtello wordmark and/or Taxtello mark.
Do not redraw or approximate the logo.

Taxtello's gold should feel like a precious accent, not a yellow UI flood.

Think:
dark metal
warm gold
glass
ink
precision
quiet confidence

NOT:
cyberpunk
crypto
neon
gaming
generic AI purple
rainbow gradients

────────────────────────────────────
CORE CREATIVE RULES
────────────────────────────────────

Follow these rules ruthlessly:

1. ONE SHOT = ONE IDEA.

2. Every scene needs room to breathe.

3. The product UI is the hero.

4. Do not plaster explanatory copy everywhere.

5. Do not use hard cuts unless there is a deliberate reason.

6. Prefer object-driven transitions:
   a card becomes the next card,
   a chart line becomes a connector,
   a receipt becomes a booking,
   a number becomes another interface element,
   the camera moves through the product.

7. Use premium easing.
   No linear movement.

8. Motion should overlap naturally.
   Elements should not all start and stop at exactly the same frame.

9. Use depth sparingly:
   perspective,
   soft parallax,
   scale,
   foreground/background separation,
   controlled depth of field if achievable.

10. NO effect exists simply because it looks cool.

11. No particle spam.

12. No fake glassmorphism everywhere.

13. No excessive blur.

14. No pointless 3D spinning cards.

15. No constant zooming.

16. No 20 different animation styles.

17. No bouncing UI.

18. No giant marketing paragraph.

19. Do not imitate a particular Apple commercial shot-for-shot.
    Capture the philosophy and production quality instead.

The visual confidence should come from restraint.

────────────────────────────────────
FORMAT
────────────────────────────────────

Primary master:

1920 × 1080
60 fps
16:9
H.264
maximum duration: 15.0 seconds

Target runtime:
approximately 14.0–15.0 seconds.

It must work as a social-media product reveal even without sound.

If practical AFTER the master is finished, also create a deliberately recomposed
vertical/social variant.

Do not merely crop the desktop composition.

But the desktop master is the priority.

────────────────────────────────────
STORY / EMOTIONAL ARC
────────────────────────────────────

Do not make this a list of five features.

It should feel like one continuous thought:

CHAOS → CONTROL → CLARITY → TAXTELLO

The first 1.5 seconds must already look premium.

The first meaningful product moment should happen by ~2 seconds.

No five-second logo intro.

Possible narrative direction:

“Everything about your business, finally in one place.”

But SHOW this instead of explaining it.

I want approximately four visual ideas across the whole film.

Use the strongest REAL Taxtello surfaces you find in the repository.

Strong candidates include:

• Finanzcockpit / Dashboard
• Rechnungen
• Belege
• Bank / matching
• Steuergesundheit / tax overview

You do NOT need to show all of them.

Choose the visually strongest combination.

────────────────────────────────────
SUGGESTED 15-SECOND STORYBOARD
────────────────────────────────────

Treat this as a strong starting point, not a rigid template.

0.00 – 1.20

BLACK / NAVY.

A tiny warm-gold glint appears.

The glint elegantly reveals either the Taxtello mark or a fragment of the
wordmark.

No generic logo fade.

Think machined precision.

The camera moves through or past the mark and the UI begins to emerge from it.

Very little or no copy.

─────────────────

1.20 – 4.40

FINANCIAL CONTROL.

Reveal the actual Taxtello Cockpit as a dimensional product surface.

Not just a screenshot placed on screen.

Reconstruct/crop/layer it so individual interface regions can animate.

The hero financial number resolves crisply.
The chart draws in.
Supporting metrics settle slightly later.

Use subtle stagger.

A single line of copy may appear, for example:

  “Alles im Blick.”

or another equally short German phrase if you find something more fitting.

Maximum ~3–4 words.

The interface must remain recognizable as the real product.

─────────────────

4.40 – 7.50

DOCUMENT / BOOKKEEPING TRANSFORMATION.

Use a visual object from the previous scene as the transition.

Example:

A gold chart point expands into the corner of a receipt/card.
The camera follows it.
A receipt/document enters.
Taxtello identifies or organizes it.
The document snaps elegantly into its corresponding booking / financial record.

Use magnetic alignment and precision.

No cheesy scanner laser.

No floating paper tornado.

Possible micro-copy:

  “Belege. Erledigt.”

Only if it improves the scene.

─────────────────

7.50 – 10.70

MONEY / INVOICES.

Morph or transition naturally into the real Rechnungen interface.

Use one strong moment:

an invoice status changes,
a payment resolves,
an amount moves into place,
or the overview assembles itself.

Numbers should feel tactile and precise.

Use JetBrains Mono where this matches the actual product.

Gold highlights the active state.

Green is used only for a genuinely positive semantic state.

Potential copy:

  “Geld. Im Griff.”

Again: optional and extremely short.

─────────────────

10.70 – 12.80

TAX / CLARITY.

Transition into the real Taxtello tax-health / financial guidance surface.

Do not claim that Taxtello magically guarantees correct taxes.

Communicate visibility and control.

Example:

multiple noisy signals collapse into one calm, structured tax overview.

Potential copy:

  “Steuern im Blick.”

This scene should feel calmer than the previous scene.

The rhythm briefly slows.

─────────────────

12.80 – 15.00

BRAND PAYOFF.

Pull the camera outward.

The UI compresses or folds into one beautiful Taxtello product object / surface.

Darkness returns around it.

The gold Taxtello wordmark resolves.

One short brand line underneath.

Explore strong final lines such as:

  “Dein Business. Klar.”

  “Buchhaltung. Unter Kontrolle.”

  “Einfach mehr Überblick.”

  “Alles fürs Business. An einem Ort.”

Choose based on the actual product positioning you find in the repo.

Do not use a line simply because I suggested it.

The final frame must have enough stillness to register.

End confidently.

No giant bouncing CTA.

────────────────────────────────────
TRANSITIONS
────────────────────────────────────

This is one of the most important parts.

I want transitions that make the viewer think:

“Of course the next scene came from that.”

Good:

chart line → document edge
gold pill → invoice button
financial number → amount in invoice
card edge → next surface
camera push through interface element
shared geometry
mask reveal using actual product shapes

Bad:

crossfade
random wipe
spin transition
glitch
whip-pan every two seconds
generic SaaS slide-left
zoom-blur spam

Direct cuts are allowed only when a deliberate rhythmic impact benefits the film.

────────────────────────────────────
MOTION
────────────────────────────────────

Motion needs weight.

Use curves comparable to:

cubic-bezier(0.16, 1, 0.3, 1)

where appropriate.

Different elements should have subtly different arrival times.

Prefer:

anticipation
overshoot below ~2%
settling
motion continuation
shared velocity between scenes

Avoid cartoon springiness.

Camera movement should feel like a high-end macro product shoot.

Imagine we are filming a physical premium object even though it is software.

────────────────────────────────────
LIGHTING / MATERIAL
────────────────────────────────────

Use extremely subtle environmental lighting.

Possible treatments:

• soft gold rim lighting
• dark navy falloff
• faint ambient bloom
• soft specular highlight passing across a surface
• restrained vignette
• subtle grain if it materially helps

Keep the interface crisp.

Do NOT blur the product just to look cinematic.

No fake glossy reflections that destroy legibility.

────────────────────────────────────
TYPOGRAPHY
────────────────────────────────────

Use very little copy.

No sentence should compete with the product.

Headlines should generally fit on one line.

Use Plus Jakarta Sans.

Strong typography may occasionally scale very large and become a transition
device itself.

Avoid generic motion-graphics behavior where every word animates independently.

Typography should move as designed objects.

────────────────────────────────────
SOUND / RHYTHM
────────────────────────────────────

Design the motion as if it were cut to approximately 115–120 BPM:
premium, kinetic, sophisticated, not frantic.

Important moments should land musically.

Suggested sound language:

• low soft impact for major reveal
• restrained tactile UI clicks
• subtle metallic/glass tonal tick
• soft low-frequency movement during camera transitions
• elegant resolved tone at the logo payoff

Avoid:

• huge cinematic trailer boom
• EDM risers
• loud whooshes everywhere
• stock “tech interface” sounds
• rap beat
• aggressive bass

If there is no legally safe music/audio asset in the project, DO NOT pull
copyrighted audio from the internet.

Deliver the visual master without copyrighted music and create a concise cue
sheet describing where music/SFX should hit.

If suitable safe/local audio exists, use it.

────────────────────────────────────
REAL PRODUCT ONLY
────────────────────────────────────

This is critical.

Inspect current main.

Do not invent screens.

Do not invent metrics that imply real customer data.

Use clearly synthetic/demo-safe values if required.

Do not accidentally expose any personal, test-user or production information.

Reuse the visual structure of the actual Taxtello UI.

If a screen needs to be motion-separated, recreate it faithfully in React from
the real design system instead of simply scaling a giant screenshot.

The result should still look unmistakably like Taxtello.

────────────────────────────────────
IMPLEMENTATION EXPECTATIONS
────────────────────────────────────

Work directly in:

  /taxtello/beta-motion

Create the new composition alongside the existing one.

Keep existing compositions working.

Structure the new work cleanly.

Prefer reusable primitives for:

• camera surface
• product frame
• masked transitions
• text reveals
• UI region reveals
• ambient lighting
• shared-element transitions

Avoid one 1,500-line component.

Use deterministic Remotion animation driven by frame/time.

No setTimeout.
No nondeterministic animations.

Respect 60 fps throughout.

Use interpolation/spring/easing deliberately.

────────────────────────────────────
DO NOT STOP AFTER FIRST IMPLEMENTATION
────────────────────────────────────

This is a visual task.

You MUST review the actual rendered output.

Required workflow:

1. Inspect repository and real brand/product.

2. Write a concise storyboard with:
   - exact timestamps
   - key visual
   - transition logic
   - copy
   - intended emotional rhythm

3. Implement it.

4. Run typecheck / relevant checks.

5. Render representative frames at roughly:
   0.0 s
   1.0 s
   2.5 s
   4.5 s
   6.5 s
   8.5 s
   10.5 s
   12.5 s
   14.0 s
   14.8 s

6. VISUALLY INSPECT THOSE IMAGES.

Do not merely confirm that rendering succeeded.

Ask:

Does this look like an Apple-tier product film?

Does anything look like a template?

Is there too much on screen?

Is the product legible?

Are transitions logically connected?

Does Taxtello gold feel premium?

Does every frame look composed?

7. Fix visual weaknesses.

8. Render the complete film.

9. Inspect multiple exact decoded frames from the final MP4, not only browser
   screenshots.

10. Iterate again if necessary.

Do not declare success because the code compiles.

The deliverable is the FILM.

────────────────────────────────────
QUALITY BAR
────────────────────────────────────

Reject your own result if it feels like:

• a SaaS template
• a PowerPoint animation
• a website screen recording
• a generic Remotion demo
• a crypto advertisement
• an AI-generated promo template
• five screenshots sliding around
• excessive marketing copy

Every important frame should be good enough to use as a still advertisement.

I would rather have:

3 extraordinary visual moments

than

10 mediocre feature animations.

────────────────────────────────────
FINAL DELIVERABLES
────────────────────────────────────

Provide:

1. Final storyboard
2. New Remotion composition source
3. 1920×1080 / 60fps final MP4
4. Poster/final frame
5. Contact sheet with representative frames from the film
6. Exact runtime
7. List of real Taxtello assets/screens used
8. Brief explanation of the motion language
9. Any remaining visual compromises
10. Commands to reproduce the render

Save outputs in a clearly named directory such as:

  /taxtello/beta-motion/out/showreel-15/

Do not deploy anything.
Do not modify production data.
Do not merge anything.

Go all out creatively, but exercise ruthless restraint.

Make Taxtello look expensive.

Ufro geholl vun Post @daniel_haida.