Film di l'applicazione di contabilità Taxtello

Sì u motion designer senior, u product designer è l'ingegnere Remotion per Taxtello.

U vostru compitu hè di creà un filmu di pruduttu veramente premium, di livellu Apple, per Taxtello.

Questu NON hè una spiegazione generica di SaaS.
Questa ùn hè micca una presentazione di funzionalità.
Questa ùn hè micca una animazione di mudellu di startup.

Vogliu un showreel di marca/produttu di massimu 15 secondi chì faci vede Taxtello cum'è un pruduttu finanziariu maturu, caru è bellu cuncipitu.

Pensate:

Film di lanciu di u pruduttu Apple
× fintech premium
× cuncepimentu di muvimentu editoriale
× presentazione di u pruduttu in stile Stripe cunservata
× L'identità visuale di Taxtello

A reazione desiderata hè:

"Aspetta, hè una app di contabilità tedesca?"

U filmu duveria sembrà caru.

──────────────────────────────────────
REPO / FONTE DI VERITÀ
──────────────────────────────────────

Prima ispezionate i veri repositori prima di cuncepisce qualcosa.

Pruduttu principale:
/taxtello/principale

Prughjettu Remotion esistente:
/taxtello/beta-motion

Fonti impurtanti di marca vera:

/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

E screenshots di i prudutti attuali ponu esse truvati quì sottu:

/taxtello/main/artefatti/fumu-ui-fumu/

Preferite e più recenti screenshots valide / a fonte attuale à l'artefatti obsoleti.

Ci hè digià una animazione di l'eroe Remotion di 24 secondi esistente in
/taxtello/beta-motion.

ÙN la rimpiazzate micca.
ÙN a regressate micca.
ÙN furzate micca a so trama attuale di cunnessione IA in questu novu filmu.

Crea una nova cumpusizione indipendente per questu compitu, per esempiu

TaxtelloShowreel15

Pudete riutilizà una bona infrastruttura, caratteri, utilità di rendering, primitive di muvimentu,
curve di rilassamentu, caricamentu di l'assi è infrastruttura QA da beta-motion induve utile.

Ma creativamente questu duveria esse un novu filmu.

Prima di l'implementazione, ispezionate l'interfaccia utente di Taxtello è capite u pruduttu.

Ùn inventà micca funziunalità chì ùn esistenu micca.

──────────────────────────────────────
LINGUAGGIU VISUALE REALE TAXTELLO
──────────────────────────────────────

Aduprate u sistema di cuncepimentu reale.

Paletta principale:

Sfondate:
#0c0f1a

Superfici elevate:
#111525
#131722
#1a2032

Oru di marca primaria:
#e8b84b

Evidenziazione d'oru:
#f5d07a

Prufundità d'oru:
#9b6d18

Testu primariu:
#e8eaf2

Biancu caldu forte:
#f6f4eb

Testu secundariu:
#8b93b5

Positivu:
#34d399

Negativu/errore solu induve semanticamente necessariu:
#f87171

Tipografia:
Plus Jakarta Sans

Numeri / valori finanziarii induve apprupriatu:
JetBrains Mono

Aduprate a vera marca verbale Taxtello è/o a marca Taxtello.
Ùn ridisegnate micca o apprussimate micca u logu.

L'oru di Taxtello duveria esse cum'è un accentu preziosu, micca un'inundazione gialla di l'interfaccia utente.

Pensate:
metallu scuru
oru caldu
vetru
inchiostru
precisione
fiducia tranquilla

NON:
cyberpunk
criptu
neon
ghjocu
IA generica viola
gradienti di l'arcubalenu

──────────────────────────────────────
REGOLE CREATIVE FONDAMENTALI
──────────────────────────────────────

Segui ste regule senza pietà:

1. UN COLPU = UNA IDEA.

2. Ogni scena hà bisognu di spaziu per respirà.

3. L'interfaccia d'utilizatore di u pruduttu hè l'eroe.

4. Ùn appiccicate micca testi esplicativi in ogni locu.

5. Ùn aduprate micca tagli duri, salvu chì ci sia una ragione deliberata.

6. Preferite transizioni guidate da oggetti:
una carta diventa a prossima carta,
una linea di graficu diventa un connettore,
una ricevuta diventa una prenotazione,
un numeru diventa un altru elementu d'interfaccia,
A camera si move à traversu u pruduttu.

7. Aduprate l'easing premium.
Nisun muvimentu lineare.

8. U muvimentu deve sovrappone si naturalmente.
L'elementi ùn devenu micca tutti principià è finisce à u listessu quadru.

9. Aduprate a prufundità cù parsimonia:
perspettiva,
parallasse dolce,
scala,
separazione di primu pianu/sfondu,
prufundità di campu cuntrullata s'ella hè pussibule.

10. Nisun effettu esiste solu perchè pare bellu.

11. Nisun spam di particelle.

12. Nisun vitrurfismu falsu in ogni locu.

13. Nisuna sfocatura eccessiva.

14. Nisuna carta giratoria 3D inutile.

15. Nisun zoom custante.

16. Nisun 20 stili d'animazione sfarenti.

17. Nisuna UI chì rimbalza.

18. Nisun paràgrafu di marketing gigante.

19. Ùn imitate micca una publicità Apple particulare colpu per colpu.
Catturà invece a filusufia è a qualità di a pruduzzione.

A fiducia visuale deve vene da a moderazione.

──────────────────────────────────────
FORMATU
──────────────────────────────────────

Maestru primariu:

1920 × 1080
60 fps
16:9
H.264
durata massima: 15,0 secondi

Tempu d'esecuzione di destinazione:
circa 14,0–15,0 secondi.

Deve funziunà cum'è una rivelazione di pruduttu di e rete suciale ancu senza sonu.

Sè praticu DOPU chì u maestru hè finitu, create ancu un ricumpostu deliberatamente
variante verticale/suciale.

Ùn vi limitate micca à ritaglià a cumpusizione di u desktop.

Ma u maestru di u desktop hè a priorità.

──────────────────────────────────────
STORIA / ARC EMUZIONALE
──────────────────────────────────────

Ùn fate micca di questu una lista di cinque caratteristiche.

Duverebbe sembrà un pensamentu cuntinuu:

CAOS → CONTROLLU → CHIAREZZA → TAXTELLO

I primi 1,5 secondi devenu digià sembrà premium.

U primu mumentu significativu di u produttu duveria accade da ~ 2 secondi.

Nisuna introduzione di u logu di cinque secondi.

Direzzione narrativa pussibule:

"Tuttu ciò chì riguarda a vostra attività, finalmente in un locu."

Ma MOSTRA questu invece di spiegallu.

Vogliu circa quattru idee visuali in tuttu u filmu.

Aduprate e superfici REALI di Taxtello più forti chì truvate in u repositoriu.

I candidati forti includenu:

• Finanzcockpit / Cruscottu
• Racconti
• Bélége
• Banca / currispundenza
• Steuergesundheit / panoramica fiscale

Ùn avete micca bisognu di mustrà tutti.

Sceglite a cumbinazione visualmente più forte.

──────────────────────────────────────
STORYBOARD SUGGERITU DI 15 SECONDI
──────────────────────────────────────

Trattate questu cum'è un puntu di partenza forte, micca un mudellu rigidu.

0,00 – 1,20

NERU / BLU MARINA.

Apparisce un picculu luccichiu d'oru caldu.

U luccichiu palesa elegantemente sia a marca di Taxtello sia un frammentu di u
marca di parolla.

Nisuna sfumatura di u logò genericu.

Pensate à a precisione machinata.

A camera si move à traversu o oltre a marca è l'interfaccia utente cumencia à emerge da ella.

Poca o nisuna copia.

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

1,20 – 4,40

CONTROLLU FINANZIARIU.

Rivela u veru Cockpit di Taxtello cum'è una superficia di pruduttu dimensionale.

Micca solu una screenshot piazzata nantu à u screnu.

Ricustruisce/ritaglia/stratificallu in modu chì e regioni individuali di l'interfaccia possinu esse animate.

U numeru finanziariu di l'eroe si risolve bruscamente.
U graficu s'intraprende.
E metriche di supportu si stabilizanu un pocu più tardi.

Aduprate un sbalordimentu suttile.

Una sola linea di copia pò cumparisce, per esempiu:

"Tuttu in vista." or "Tuttu in vista."

o un'altra frasa tedesca altrettantu corta sè truvate qualcosa di più adatta.

Massimu ~3–4 parolle.

L'interfaccia deve esse ricunniscibile cum'è u pruduttu reale.

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

4,40 – 7,50

TRASFORMAZIONE DI DOCUMENTI / CONTABILITÀ.

Aduprate un ughjettu visuale di a scena precedente cum'è transizione.

Esempiu:

Un puntu di graficu d'oru si espande in l'angulu di una ricevuta / carta.
A camera a seguita.
Una ricevuta/documentu entra.
Taxtello l'identifica o l'urganizeghja.
U documentu s'inserisce elegantemente in a so riservazione / registru finanziariu currispundente.

Aduprate l'allineamentu magneticu è a precisione.

Nisun laser di scanner sdolcinatu.

Nisun tornadu di carta flottante.

Microcopia pussibule:

«Bellezza. Ricunosciutu.» or «Belice.»

Solu s'ellu migliora a scena.

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

7,50 – 10,70

SOLDI / FATTURE.

Morph o transizione naturale in l'interfaccia reale di Rechnungen.

Aduprate un mumentu forte:

u statu di una fattura cambia,
un pagamentu si risolve,
una quantità si move in locu,
o a vista d'insieme si riunisce da sè stessa.

I numeri devenu esse tattili è precisi.

Aduprate JetBrains Mono induve questu currisponde à u pruduttu attuale.

L'oru mette in risaltu u statu attivu.

U verde hè adupratu solu per un statu semanticu genuinamente pusitivu.

Copia putenziale:

«Oru. Sò Griffu.» or «Sò Griffu.»

Di novu: facultativu è estremamente cortu.

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

10,70 – 12,80

TASSA / CHIAREZZA.

Transizione versu a vera superficia di guida fiscale-sanataria / finanziaria di Taxtello.

Ùn dite micca chì Taxtello garantisce magicamente l'impositu currettu.

Cumunicà a visibilità è u cuntrollu.

Esempiu:

Parechji signali rumurosi si collassanu in una panoramica fiscale calma è strutturata.

Copia putenziale:

"Steuern in vista." or "Steuern in vista."

Sta scena duveria esse più calma chè a scena precedente.

U ritmu rallenta brevemente.

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

12,80 – 15,00

RICOMPENSA DI MARCA.

Tirate a camera versu l'esternu.

L'interfaccia utente si comprime o si piega in un bellu oggettu / superficia di pruduttu Taxtello.

L'oscurità torna intornu à ella.

U segnu verbale d'oru Taxtello si risolve.

Una corta linea di marca sottu.

Esplora linee finali forti cum'è:

"U vostru affari. Chiaru."

"Buchhaltung. Unter Kontrolle".

"Einfach mehr Überblick".

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

Sceglite secondu u pusizziunamentu attuale di u produttu chì truvate in u repositoriu.

Ùn aduprate micca una linea solu perchè l'aghju suggerita.

U quadru finale deve avè abbastanza immobilità per esse registru.

Finisce cun fiducia.

Nisun appellu à l'azione (CTA) gigante chì rimbalza.

──────────────────────────────────────
TRANSIZIONI
──────────────────────────────────────

Questa hè una di e parti più impurtanti.

Vogliu transizioni chì facenu pensà u spettatore:

"Benintesa, a scena dopu hè nata da quì."

Bene:

linea di u graficu → bordu di u documentu
pillula d'oru → buttone di fattura
numeru finanziariu → importo in fattura
bordu di a carta → prossima superficia
elementu d'interfaccia push-through di a camera
geometria spartuta
rivelazione di maschera aduprendu forme di prudutti reali

Male:

sfumatura incruciata
cancellazione aleatoria
transizione di rotazione
prublema
padella à frusta ogni dui secondi
slide-left di SaaS genericu
spam di sfocatura di zoom

I tagli diretti sò permessi solu quandu un impattu ritmicu deliberatu benefica u filmu.

──────────────────────────────────────
MOVIMENTU
──────────────────────────────────────

U muvimentu hà bisognu di pesu.

Aduprate curve paragunabili à:

bézier cubicu (0.16, 1, 0.3, 1)

induve apprupriatu.

Elementi diversi devenu avè tempi d'arrivu ligeramente diversi.

Preferiscu:

anticipazione
superamentu sottu à ~2%
stallazione
cuntinuazione di u muvimentu
velocità spartuta trà e scene

Evitate a primavera di i cartoni animati.

U muvimentu di a camera duveria dà l'impressione di una ripresa di un pruduttu macro di alta gamma.

Imaginemu chì filmemu un oggettu premium fisicu ancu s'ellu hè un software.

──────────────────────────────────────
ILLUMINAZIONE / MATERIALE
──────────────────────────────────────

Aduprate una illuminazione ambientale estremamente suttile.

Trattamenti pussibuli:

• illuminazione di bordu d'oru dolce
• caduta marina scura
• debule fioritura ambientale
• luce speculare dolce chì passa nantu à una superficia
• vignetta cuntenuta
• grana suttile s'ella aiuta materialmente

Mantene l'interfaccia nitida.

Ùn sfocate micca u pruduttu solu per avè un aspettu cinematograficu.

Nisun riflessu lucidu falsu chì distrugge a leggibilità.

──────────────────────────────────────
TIPOGRAFIA
──────────────────────────────────────

Aduprate assai poca copia.

Nisuna frase ùn deve cumpete cù u pruduttu.

I tituli devenu generalmente stà nantu à una sola linea.

Aduprate Plus Jakarta Sans.

A tipografia forte pò à volte scalà assai in grande è diventà una transizione
u dispusitivu stessu.

Evitate u cumpurtamentu genericu di grafica in muvimentu induve ogni parola s'anima indipindentamente.

A tipografia deve muvesi cum'è l'uggetti cuncipiti.

──────────────────────────────────────
SONU / RITMU
──────────────────────────────────────

Cuncepisce u muvimentu cum'è s'ellu fussi tagliatu à circa 115-120 BPM:
premium, cineticu, sofisticatu, micca freneticu.

I mumenti impurtanti devenu sbarcà musicalmente.

Lingua sonora suggerita:

• impattu dolce bassu per rivelazioni maiò
• clicchi tattili di l'interfaccia d'utilizatore limitati
• un toccu tonale metallicu/vetru suttile
• muvimentu dolce à bassa frequenza durante e transizioni di a camera
• tonu elegante è risoltu à u pagamentu di u logu

Evità:

• un enorme boom di trailer cinematografici
• Rialzi EDM
• sibili forti in ogni locu
• soni di "interfaccia tecnologica" standard
• ritmu di rap
• bassi aggressivi

S'ellu ùn ci hè micca un asset musicale/audio legalmente sicuru in u prugettu, ÙN tirate MICCA
audio prutettu da copyright da Internet.

Mandate u maestru visuale senza musica prutetta da copyright è create un segnu cuncisu
fogliu chì descrive induve a musica/SFX deve esse piazzatu.

S'ellu esiste un audio sicuru/locale adattatu, adupratelu.

──────────────────────────────────────
SOLU PRODOTTU REALE
──────────────────────────────────────

Questu hè criticu.

Ispettate a corrente principale.

Ùn inventà micca schermi.

Ùn inventà micca metriche chì implicanu dati veri di i clienti.

Aduprate valori chjaramente sintetici / demo-safe se necessariu.

Ùn espone micca accidentalmente alcuna infurmazione persunale, di l'utente di prova o di pruduzzione.

Riutilizate a struttura visuale di l'interfaccia utente attuale di Taxtello.

Sè un schermu hà bisognu di esse separatu da u muvimentu, ricreatelu fedelmente in React da
u veru sistema di cuncepimentu invece di simpricimenti scalà una screenshot gigante.

U risultatu duveria sempre s'assumiglia inconfondibilmente à Taxtello.

──────────────────────────────────────
ASPETTATIVE DI IMPLEMENTAZIONE
──────────────────────────────────────

Travaglià direttamente in:

/taxtello/beta-motion

Crea a nova cumpusizione accantu à quella esistente.

Mantene e cumpusizioni esistenti in funzione.

Strutturate u novu travagliu in modu chjaru.

Preferite primitive riutilizzabili per:

• superficia di a camera
• quadru di u pruduttu
• transizioni mascherate
• u testu rivela
• Rivelazione di a regione di l'interfaccia utente
• illuminazione ambientale
• transizioni à elementi spartuti

Evitate un cumpunente di 1.500 linee.

Aduprate una animazione deterministica Remotion guidata da u quadru / tempu.

Nisun Timeout impostatu.
Nisuna animazione non deterministica.

Rispettate 60 fps in tuttu.

Aduprate l'interpolazione/molla/rallentamentu deliberatamente.

──────────────────────────────────────
ÙN FERMATE MICCA DOPU A PRIMA IMPLEMENTAZIONE
──────────────────────────────────────

Questu hè un compitu visuale.

Duvete rivedere l'output resu attuale.

Flussu di travagliu necessariu:

1. Ispiziunate u repositoriu è a vera marca/produttu.

2. Scrivite un storyboard concisu cù:
- timestamps esatti
- visuale chjave
- logica di transizione
- copia
- ritmu emotivu previstu

3. Implementallu.

4. Eseguite a verificazione di tipu / verifiche pertinenti.

5. Renderà quadri rappresentativi à circa:
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. ISPEZIONATE VISIVAMENTE QUESTE IMMAGINI.

Ùn cunfirmate micca solu chì u rendering hè riesciutu.

Dumandate:

Questu pare un filmu di pruduttu di livellu Apple?

Ci hè qualcosa chì s'assumiglia à un mudellu?

Ci hè troppu nant'à u screnu?

U pruduttu hè leggibile?

E transizioni sò logicamente cunnesse?

L'oru di Taxtello si sente premium?

Ogni quadru pare cumpostu?

7. Riparà i punti debuli visuali.

8. Fate u rendering di u filmu cumpletu.

9. Ispettate parechji fotogrammi decodificati esatti da l' MP4 finale, micca solu u navigatore
screenshots.

10. Iterate torna se necessariu.

Ùn dichjarate micca successu perchè u codice si compila.

U pruduttu da furnisce hè u FILM.

──────────────────────────────────────
BARRA DI QUALITÀ
──────────────────────────────────────

Rifiuta u vostru propiu risultatu s'ellu vi pare cusì:

• un mudellu SaaS
• una animazione PowerPoint
• una registrazione di u schermu di u situ web
• una dimustrazione generica Remotion
• una publicità criptografica
• un mudellu promozionale generatu da l'IA
• cinque screenshots chì scorrenu intornu
• copia di marketing eccessiva

Ogni quadru impurtante deve esse abbastanza bonu per esse adupratu cum'è una publicità fissa.

Preferiscu avè:

3 mumenti visuali straordinarii

chè

10 animazioni di funzione mediocri.

──────────────────────────────────────
RISULTATI FINALI
──────────────────────────────────────

Fornite:

1. Storyboard finale
2. Nova fonte di cumpusizione Remotion
3. 1920 × 1080 / 60 fps MP4 finale
4. Poster/cornice finale
5. Fogliu di cuntattu cù fotogrammi rapprisentativi di u filmu
6. Tempu d'esecuzione esattu
7. Lista di l'assi / schermi reali di Taxtello utilizati
8. Breve spiegazione di u linguaghju di u muvimentu
9. Ogni compromissione visuale restante
10. Cumandamenti per riproduce u rendering

Salvà l'output in un cartulare chjaramente numinatu cum'è:

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

Ùn implementate nunda.
Ùn mudificate micca i dati di pruduzzione.
Ùn mischiate nunda.

Fate tuttu in modu creativo, ma esercitate una moderazione spietata.

Fate chì Taxtello pare caru.

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.

Pruposta presa da postu @daniel_haida.