Enstalasyon: Fim aplikasyon kontablite Taxtello a

Ou se konsèpteur mouvman ansyen, konsèpteur pwodwi ak enjenyè Remotion pou Taxtello.

Travay ou se kreye yon fim pwodwi vrèman kalite siperyè, nan nivo Apple, pou Taxtello.

Sa a PA yon eksplikasyon SaaS jenerik.
Sa a PA yon gid pou montre tout karakteristik yo.
Sa a PA yon animasyon modèl demaraj.

Mwen vle yon prezantasyon mak/pwodwi ki dire maksimòm 15 segonn ki fè Taxtello sanble yon pwodwi finansye ki gen matirite, ki chè, epi ki byen fèt.

Panse:

Fim lansman pwodwi Apple la
× fintech prim
× konsepsyon mouvman editoryal
× prezantasyon pwodwi ki sanble ak Stripe ki limite
× Idantite vizyèl Taxtello a

Reyaksyon dezirab la se:

"Tann, sa a se yon aplikasyon kontablite Alman?"

Fim nan ta dwe sanble chè.

──────────────────────────────────────
REPO / SOUS VERITE
──────────────────────────────────────

Anvan ou desine nenpòt bagay, enspekte depo reyèl yo dabò.

Pwodwi prensipal:
/taxtello/prensipal

Pwojè Remotion ki deja egziste:
/taxtello/beta-motion

Sous enpòtan pou mak reyèl:

/taxtello/main/public/css/app/_00-tokens.css
/taxtello/main/docs/design/TOKENS.md
/taxtello/prensipal/piblik/taxtello-mo-mak.png
/taxtello/main/public/icons.svg

Ou ka jwenn ekran pwodwi aktyèl yo anba:

/taxtello/prensipal/artefak/lafimen-ui-lafimen/

Pito dènye kopi ekran valab yo/sous aktyèl la olye de ansyen done yo.

Gen deja yon animasyon ewo Remotion 24 segonn ki egziste deja nan
/taxtello/beta-motion.

PA ranplase li.
PA fè regresyon sou li.
PA fòse istwa koneksyon IA li ye kounye a nan nouvo fim sa a.

Kreye yon nouvo konpozisyon endepandan pou travay sa a, pa egzanp

TaxtelloShowreel15

Ou ka reitilize bon enfrastrikti, polis, zouti rann, primitif mouvman,
Relaksasyon koub, chajman byen ak enfrastrikti QA soti nan beta-mouvman kote sa itil.

Men, kreyativman, sa ta dwe yon nouvo fim.

Anvan ou mete pwodwi a an aplikasyon, enspekte koòdone itilizatè Taxtello a epi konprann li byen.

Pa envante fonksyonalite ki pa egziste.

──────────────────────────────────────
LANGAJ VIZYÈL TAXTELLO REYÈL
──────────────────────────────────────

Sèvi ak sistèm konsepsyon reyèl la.

Palèt prensipal:

Kontèks:
#0c0f1a

Sifas ki wo:
#111525
#131722
#1a2032

Mak prensipal an lò:
#e8b84b

En lò:
#f5d07a

Pwofondè lò:
#9b6d18

Tèks prensipal:
#e8eaf2

Blan cho fò:
#f6f4eb

Tèks segondè:
#8b93b5

Pozitif:
#34d399

Negatif/erè sèlman kote semantikman nesesè:
#f87171

Tipografi:
Plis Jakarta Sans

Chif / valè finansye kote sa apwopriye:
JetBrains Mono

Sèvi ak mak mo Taxtello reyèl la ak/oswa mak Taxtello a.
Pa redesine logo a oswa fè yon apwoksimasyon.

Lò Taxtello a ta dwe santi tankou yon aksan presye, pa yon inondasyon jòn nan UI a.

Panse:
metal nwa
lò cho
vè
lank
presizyon
konfyans trankil

PA:
sibèpunk
kriptografik
neon
jwèt videyo
IA jenerik koulè wouj violèt
gradyan lakansyèl

──────────────────────────────────────
RÈG KREYATIF DE BAZ YO
──────────────────────────────────────

Swiv règ sa yo san pitye:

1. YON SÈL KOU = YON SÈL IDE.

2. Chak sèn bezwen espas pou l respire.

3. koòdone itilizatè pwodwi a se ewo a.

4. Pa kole tèks eksplikasyon toupatou.

5. Pa fè koupe ki di sof si gen yon rezon espre.

6. Prefere tranzisyon ki baze sou objè:
yon kat vin tounen pwochen kat la,
yon liy tablo vin tounen yon konektè,
yon resi vin tounen yon rezèvasyon,
yon nimewo vin tounen yon lòt eleman entèfas,
Kamera a ap deplase nan pwodwi a.

7. Sèvi ak easing prim.
Pa gen mouvman lineyè.

8. Mouvman yo ta dwe sipèpoze natirèlman.
Tout eleman yo pa ta dwe kòmanse epi fini egzakteman nan menm imaj la.

9. Sèvi ak pwofondè ak modération:
pèspektiv,
paralaks mou,
echèl,
separasyon premye plan/aryè plan,
pwofondè chan kontwole si sa posib.

10. Pa gen okenn efè ki egziste senpleman paske li sanble fre.

11. Pa gen okenn patikil spam.

12. Pa gen fo vèmorfism toupatou.

13. Pa gen twòp flou.

14. Pa gen kat 3D ki pa itil k ap vire.

15. Pa gen zoom konstan.

16. Pa gen 20 diferan estil animasyon.

17. Pa gen okenn koòdone itilizatè ki rebondi.

18. Pa gen gwo paragraf maketing.

19. Pa imite yon reklam Apple an patikilye plan pou plan.
Kaptire filozofi a ak kalite pwodiksyon an pito.

Konfyans vizyèl la ta dwe soti nan kontrent.

──────────────────────────────────────
FÒMA
──────────────────────────────────────

Mèt prensipal la:

1920 × 1080
60 fps
16:9
H.264
dire maksimòm: 15.0 segonn

Tan ekzekisyon sib:
apeprè 14.0–15.0 segonn.

Li dwe fonksyone kòm yon revelasyon pwodwi medya sosyal menm san son.

Si sa posib APRÈ ou fin fè mèt la, kreye tou yon bagay ki rekonpoze espre.
varyant vètikal/sosyal.

Pa sèlman koupe konpozisyon biwo a.

Men, mèt biwo a se priyorite a.

──────────────────────────────────────
ISTWA / AK EMOSYONÈL
──────────────────────────────────────

Pa fè sa a yon lis ki gen senk karakteristik.

Li ta dwe santi tankou yon sèl panse kontinyèl:

KAOS → KONTWÒL → KLÈ → TAXTELLO

Premye 1.5 segonn yo dwe deja sanble prim.

Premye moman pwodwi ki gen sans lan ta dwe rive nan ~2 segonn.

Pa gen entwodiksyon logo senk segonn.

Direksyon naratif posib:

"Tout bagay sou biznis ou, finalman nan yon sèl kote."

Men, MONTRE sa olye pou w eksplike li.

Mwen vle apeprè kat lide vizyèl nan tout fim nan.

Sèvi ak sifas Taxtello REYÈL ki pi solid ou jwenn nan depo a.

Kandida solid yo enkli:

• Finanzcockpit / Tablodbò
• Rechèch
• Bèlèj
• Bank / matching
• Steuergesundheit / BECA taks

Ou PA bezwen montre yo tout.

Chwazi konbinezon ki pi vizyèlman fò a.

──────────────────────────────────────
ISTORIO 15 SEGOND SIJERE
──────────────────────────────────────

Konsidere sa kòm yon pwen depa solid, pa kòm yon modèl rijid.

0.00 – 1.20

NWA / BLE MARIN.

Yon ti klere lò cho parèt.

Briye a revele avèk elegans swa mak Taxtello a oswa yon fragman nan
mak mo.

Pa gen okenn defòmasyon logo jenerik.

Panse ak presizyon machiné.

Kamera a deplase nan oswa depase mak la epi koòdone itilizatè a kòmanse sòti ladan l.

Trè ti kopi oswa pa gen kopi ditou.

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

1.20 – 4.40

KONTWÒL FINANSYÈ.

Montre kokpit Taxtello aktyèl la kòm yon sifas pwodwi dimansyonèl.

Se pa sèlman yon kopi ekran ki mete sou ekran an.

Rekonstwi/koupe/mete li an kouch pou chak rejyon entèfas yo ka anime.

Nimewo finansye ewo a rezoud byen vit.
Tablo a atire atansyon.
Metrik sipò yo etabli yon ti kras pita.

Sèvi ak yon ti dekalaj sibtil.

Yon sèl liy kopi ka parèt, pa egzanp:

"Tout bagay anlè."

oubyen yon lòt fraz Alman ki kout tou si ou jwenn yon bagay ki pi apwopriye.

Maksimòm ~3–4 mo.

Entèfas la dwe rete fasil pou rekonèt kòm pwodwi reyèl la.

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

4.40 – 7.50

TRANSFÒMASYON DOKIMAN / KONPTAB.

Sèvi ak yon objè vizyèl nan sèn anvan an kòm tranzisyon an.

Egzanp:

Yon pwent tablo an lò elaji nan kwen yon resi/kat.
Kamera a ap swiv li.
Yon resi/dokiman antre.
Taxtello idantifye oswa òganize li.
Dokiman an entegre avèk elegans nan dosye anrjistreman/finansye ki koresponn li an.

Sèvi ak aliyman mayetik ak presizyon.

Pa gen lazè eskanè ki pa chè.

Pa gen okenn tònad papye k ap flote.

Mikwo-kopi posib:

"Bèlèj. Reledigt."

Sèlman si sa amelyore sèn nan.

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

7.50 – 10.70

LAJAN / FAKTIRA.

Transfòme oswa chanje natirèlman nan koòdone Rechnungen reyèl la.

Sèvi ak yon sèl moman fò:

yon estati fakti chanje,
yon peman rezoud,
yon kantite lajan deplase nan plas li,
oubyen apèsi sou sijè a rasanble tèt li.

Nimewo yo ta dwe santi yo taktil e presi.

Sèvi ak JetBrains Mono kote sa koresponn ak pwodwi reyèl la.

Lò mete aksan sou eta aktif la.

Yo itilize vèt sèlman pou yon eta semantik vrèman pozitif.

Kopi potansyèl:

"Geld. Im Griff." (or "M ap fè grif.")

Ankò: opsyonèl epi trè kout.

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

10.70 – 12.80

TAKS / KLÈ.

Tranzisyon an nan sifas konsèy taks-sante/finansye Taxtello reyèl la.

Pa pretann ke Taxtello majikman garanti taks ki kòrèk yo.

Kominike vizibilite ak kontwòl.

Egzanp:

Plizyè siyal ki fè bwi kraze nan yon sèl apèsi sou taks ki kalm e byen estriktire.

Kopi potansyèl:

"Steuern nan yon je."

Sèn sa a ta dwe pi kalm pase sèn anvan an.

Ritm nan ralanti pou yon ti tan.

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

12.80 – 15.00

REKÒMPANS MAK.

Rale kamera a deyò.

UI a konprese oswa pliye pou fòme yon bèl objè/sifas pwodwi Taxtello.

Fènwa a retounen toutotou li.

Mak mo Taxtello an lò a rezoud.

Yon ti liy mak anba a.

Eksplore liy final solid tankou:

"Biznis ou. Klar."

"Buchhaltung. Unter Kontrolle."

"Einfach mehr Überblick."

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

Chwazi selon pozisyon pwodwi reyèl ou jwenn nan depo a.

Pa sèvi ak yon liy senpleman paske se mwen ki sijere l.

Dènye imaj la dwe gen ase kalmi pou anrejistre.

Fini avèk konfyans.

Pa gen gwo apèl a aksyon (CTA) k ap rebondi.

──────────────────────────────────────
TRANZISYON
──────────────────────────────────────

Sa a se youn nan pati ki pi enpòtan yo.

Mwen vle tranzisyon ki fè telespektatè a panse:

"Natirèlman, pwochen sèn nan te soti nan sa."

Bon:

liy tablo → kwen dokiman an
grenn lò → bouton fakti
nimewo finansye → montan ki nan fakti a
kwen kat → sifas kap vini an
eleman entèfas pouse kamera a
jeyometri pataje
revele mask la lè l sèvi avèk fòm pwodwi reyèl yo

Move:

fondu kwaze
efase o aza
tranzisyon wotasyon
pwoblèm
chodyè chak de segonn
glisman SaaS jenerik-agoch
zoom-blur spam

Yo pèmèt koupe dirèk sèlman lè yon enpak ritmik volontè benefisye fim nan.

──────────────────────────────────────
MOUVMAN
──────────────────────────────────────

Mouvman bezwen pwa.

Sèvi ak koub konparab ak:

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

kote sa apwopriye.

Diferan eleman yo ta dwe gen lè arive yon ti jan diferan.

Prefere:

antisipasyon
depase anba ~2%
etablisman
kontinyasyon mouvman
vitès pataje ant sèn yo

Evite aparans desen anime ki parèt aklè.

Mouvman kamera a ta dwe santi tankou yon sesyon foto pwodwi makro wo nivo.

Imajine n ap filme yon objè fizik prim menm si se yon lojisyèl.

──────────────────────────────────────
EKLERAJ / MATERYÈL
──────────────────────────────────────

Sèvi ak yon ekleraj anviwònman ki trè sibtil.

Tretman posib:

• ekleraj dore mou
• tonbe ble maren fonse
• ti flè anbyen
• limyè espekilè mou k ap pase sou yon sifas
• vinèt limite
• grenn sibtil si li ede materyèlman

Kenbe koòdone a pwòp.

PA flou pwodwi a jis pou w gen yon aparans sinematik.

Pa gen fo refleksyon briyan ki detwi lizibilite.

──────────────────────────────────────
TIPOGRAFI
──────────────────────────────────────

Sèvi ak yon ti kantite tèks.

Pa gen okenn fraz ki ta dwe fè konpetisyon ak pwodwi a.

Anjeneral, tit yo ta dwe anfòm sou yon sèl liy.

Sèvi ak Plus Jakarta Sans.

Tipografi fò ka pafwa egrandi anpil epi vin tounen yon tranzisyon.
aparèy li menm.

Evite konpòtman grafik mouvman jenerik kote chak mo anime poukont li.

Tipografi ta dwe deplase tankou objè ki fèt.

──────────────────────────────────────
SON / RITM
──────────────────────────────────────

Desine mouvman an kòmsi li te koupe a apeprè 115–120 BPM:
prim, sinetik, sofistike, pa frenetik.

Moman enpòtan yo ta dwe ateri mizikalman.

Langaj son sijere:

• enpak mou ki ba pou gwo revelasyon
• klik taktil limite nan koòdone itilizatè a
• ti tach metalik/vit
• mouvman mou ba-frekans pandan tranzisyon kamera yo
• ton elegant ak rezolisyon nan logo a

Evite:

• gwo boom trelè sinematik
• EDM rizè
• gwo bri sifle toupatou
• son "entèfas teknolojik" estanda yo
• rit rap
• bas agresif

Si pa gen okenn mizik/odyo legalman an sekirite nan pwojè a, PA rale li.
odyo ki gen dwa otè sou entènèt la.

Remèt mèt vizyèl la san mizik ki gen dwa otè epi kreye yon siyal konsis.
fèy ki dekri ki kote mizik/SFX ta dwe rive.

Si gen yon sistèm odyo lokal/an sekirite ki apwopriye, sèvi avè l.

──────────────────────────────────────
PWODWI REYÈL SÈLMAN
──────────────────────────────────────

Sa a enpòtan anpil.

Enspekte kouran prensipal la.

Pa envante ekran.

Pa envante metrik ki enplike done kliyan reyèl.

Sèvi ak valè ki klèman sentetik/ki an sekirite pou demonstrasyon si sa nesesè.

Pa ekspoze okenn enfòmasyon pèsonèl, itilizatè tès oswa pwodiksyon aksidantèlman.

Reitilize estrikti vizyèl koòdone itilizatè Taxtello aktyèl la.

Si yon ekran bezwen separe pa mouvman, rekree li fidèlman nan React soti nan
sistèm konsepsyon reyèl la olye pou yo tou senpleman mete yon gwo ekran an agrandi.

Rezilta a ta dwe toujou sanble ak Taxtello san dout.

──────────────────────────────────────
ATANT EGZEKISYON
──────────────────────────────────────

Travay dirèkteman nan:

/taxtello/beta-motion

Kreye nouvo konpozisyon an ansanm ak sa ki deja egziste a.

Kenbe konpozisyon ki deja egziste yo ap fonksyone.

Estriktire nouvo travay la yon fason pwòp.

Prefere primitif ki kapab itilize ankò pou:

• sifas kamera a
• ankadreman pwodwi
• tranzisyon maske
• tèks revele
• Rejyon UI a revele
• ekleraj anbyen
• tranzisyon eleman pataje

Evite yon sèl konpozan ki gen 1,500 liy.

Sèvi ak yon animasyon Remotion deterministik ki fonksyone selon imaj/tan.

Pa gen delè defini.
Pa gen animasyon ki pa deterministik.

Respekte 60 fps pandan tout tan an.

Sèvi ak entèpolasyon/resort/relaxasyon fè espre.

──────────────────────────────────────
PA RETE APRÈ PREMYE ENPLEMENTASYON AN
──────────────────────────────────────

Sa a se yon travay vizyèl.

Ou DWE revize rezilta reyèl ki rann lan.

Travay ki nesesè:

1. Enspekte depo a ak mak/pwodwi reyèl la.

2. Ekri yon storyboard kout avèk:
- dat ak lè egzak
- vizyèl kle
- lojik tranzisyon
- kopi
- ritm emosyonèl ki te prevwa a

3. Aplike li.

4. Fè verifikasyon kalite / verifikasyon ki enpòtan yo.

5. Rann ankadreman reprezantatif apeprè nan:
0.0 segonn
1.0 segonn
2.5 segonn
4.5 segonn
6.5 segonn
8.5 segonn
10.5 segonn
12.5 segonn
14.0 segonn
14.8 segonn

6. ENSPEKTE IMAJ SA YO VIZYÈMAN.

Pa sèlman konfime ke rann lan te reyisi.

Mande:

Èske sa sanble ak yon fim pwodwi nivo Apple?

Èske gen yon bagay ki sanble ak yon modèl?

Èske gen twòp bagay sou ekran an?

Èske pwodwi a lizib?

Èske tranzisyon yo lye lojikman?

Èske lò Taxtello a sanble bon mache?

Èske chak ankadreman sanble konpoze?

7. Ranje feblès vizyèl yo.

8. Rann fim nan nèt.

9. Enspekte plizyè imaj dekode egzak nan MP4 final la, pa sèlman nan navigatè a.
Ekran.

10. Repete ankò si sa nesesè.

Pa deklare siksè paske kòd la ap konpile.

Livrezon an se FIM nan.

──────────────────────────────────────
BA KALITE
──────────────────────────────────────

Rejte pwòp rezilta ou si li santi tankou:

• yon modèl SaaS
• yon animasyon PowerPoint
• yon anrejistreman ekran sit entènèt
• yon demonstrasyon jenerik Remotion
• yon piblisite kriptografik
• yon modèl pwomosyonèl ki pwodui pa entèlijans atifisyèl
• senk ekran k ap glise toupatou
• twòp kopi maketing

Chak imaj enpòtan ta dwe bon ase pou itilize kòm yon piblisite.

Mwen ta pito genyen:

3 moman vizyèl ekstraòdinè

pase

10 animasyon karakteristik medyòk.

──────────────────────────────────────
LIVREZON FINAL YO
──────────────────────────────────────

Bay:

1. Dènye storyboard la
2. Nouvo sous konpozisyon Remotion
3. 1920 × 1080 / 60fps final MP4
4. Afich/kad final la
5. Fèy kontak ak imaj reprezantatif nan fim nan
6. Dire egzak la
7. Lis byen/ekran reyèl Taxtello yo itilize
8. Yon ti eksplikasyon sou langaj mouvman an
9. Nenpòt konpwomi vizyèl ki rete
10. Kòmand pou repwodui rann lan

Sove rezilta yo nan yon anyè ki gen yon non klè tankou:

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

Pa deplwaye anyen.
Pa modifye done pwodiksyon yo.
Pa melanje anyen.

Fè tout sa w kapab avèk kreyativite, men fè egzèsis yon kontwòl san pitye.

Fè Taxtello parèt chè.

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.

Envit pran nan men pòs @daniel_haida.