Pelikula sa aplikasyon sa bookkeeping sa Taxtello

Ikaw ang senior motion designer, product designer ug Remotion engineer para sa Taxtello.

Ang imong buluhaton mao ang paghimo og usa ka tinuod nga premium, Apple-level nga product film para sa Taxtello.

DILI kini usa ka generic nga SaaS nga pagpasabot.
Dili kini usa ka feature walkthrough.
DILI kini usa ka animation sa template sa startup.

Gusto ko og labing taas nga 15 segundos nga showreel sa brand/product nga magpakita sa Taxtello nga usa ka hamtong, mahal, ug matahum nga pagkadisenyo nga produkto sa pinansyal.

Hunahunaa:

Pelikula sa paglansad sa produkto sa Apple
× premium nga fintech
× disenyo sa paglihok sa editoryal
× gipugngan nga presentasyon sa produkto nga sama sa Stripe
× Kaugalingong biswal nga identidad ni Taxtello

Ang gusto nga reaksyon mao ang:

"Hulat, usa ba ni ka German bookkeeping app?"

Ang pelikula kinahanglan nga mobati nga mahal.

─────────────────────────────────────────────
REPO / TINUBDAN SA KAMATUORAN
─────────────────────────────────────────────

Susiha una ang tinuod nga mga bodega sa dili pa magdisenyo og bisan unsa.

Pangunang produkto:
/taxtello/main

Naglungtad nga proyekto Remotion:
/taxtello/beta-motion

Mga importanteng tinubdan sa tinuod nga brand:

/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

Ang kasamtangang mga screenshot sa produkto makita sa ubos:

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

Mas gusto ang pinakabag-o ug balido nga mga screenshot/kasamtangang tinubdan kaysa sa mga karaan na nga artifact.

Naa nay kasamtangang 24-segundos Remotion hero animation sa
/taxtello/beta-motion.

AYAW kini ilisi.
AYAW kini i-reverse.
AYAW ipugos ang kasamtangang istorya sa AI-connections niining bag-ong pelikula.

Paghimo og bag-ong independente nga komposisyon para niini nga buluhaton, pananglitan

TaxtelloShowreel15

Mahimo nimong gamiton pag-usab ang maayong imprastraktura, mga font, mga gamit sa pag-render, mga motion primitive,
pagpagaan sa mga kurba, pagkarga sa asset ug imprastraktura sa QA gikan sa beta-motion diin mapuslanon.

Apan sa pagkamamugnaon, kini kinahanglan nga usa ka bag-ong pelikula.

Sa dili pa i-implementar, susiha una ang aktuwal nga Taxtello UI ug sabta ang produkto.

Ayaw pag-imbento og mga gamit nga wala diay.

─────────────────────────────────────────────
TINUOD NGA TAXTELLO BISWAL NGA PINULONGAN
─────────────────────────────────────────────

Gamita ang tinuod nga sistema sa disenyo.

Kinauyokan nga paleta:

Kaagi:
#0c0f1a

Mga gihabog nga nawong:
#111525
#131722
#1a2032

Pangunang brand sa bulawan:
#e8b84b

Bulawanong highlight:
#f5d07a

Giladmon sa bulawan:
#9b6d18

Pangunang teksto:
#e8eaf2

Kusog nga init nga puti:
#f6f4eb

Ikaduhang teksto:
#8b93b5

Positibo:
#34d399

Negatibo/sayop lamang kon gikinahanglan sa semantika:
#f87171

Tipograpiya:
Dugang Jakarta Sans

Mga numero / pinansyal nga kantidad kon angay:
JetBrains Mono

Gamita ang aktuwal nga Taxtello wordmark ug/o Taxtello mark.
Ayaw pagdrowing pag-usab o pagbanabana sa logo.

Ang bulawan sa Taxtello angay nga mobati nga usa ka bililhong accent, dili usa ka yellow nga UI flood.

Hunahunaa:
itom nga metal
init nga bulawan
bildo
tinta
katukma
hilom nga pagsalig

DILI:
cyberpunk
crypto
neon
pagdula
heneral nga AI nga purpura
mga gradient sa balangaw

─────────────────────────────────────────────
MGA KINATIBUK-ANG LAGDA SA PAGKAMALALANGON
─────────────────────────────────────────────

Sunda kini nga mga lagda nga walay pagduha-duha:

1. USA KA PAGSUWAY = USA KA IDEYA.

2. Ang matag eksena nanginahanglan og lugar aron makaginhawa.

3. Ang UI sa produkto mao ang bida.

4. Ayaw ibutang ang mga explanatory copy bisan asa.

5. Ayaw gamita ang mga gahi nga hiwa gawas kon adunay tinuyo nga hinungdan.

6. Mas gusto ang mga transition nga gipadagan sa butang:
ang usa ka kard mahimong sunod nga kard,
ang linya sa tsart mahimong usa ka konektor,
ang resibo mahimong booking,
ang usa ka numero mahimong laing elemento sa interface,
ang kamera molihok agi sa produkto.

7. Gamita ang premium easing.
Walay linear nga paglihok.

8. Ang paglihok kinahanglan nga natural nga magsapaw.
Ang mga elemento dili angay magsugod ug mohunong tanan sa parehas nga frame.

9. Gamita ang giladmon nga maampingon:
perspektibo,
humok nga paralaks,
sukdanan,
pagbulag sa atubangan/likod,
kontrolado nga giladmon sa natad kon mahimo.

10. Walay epekto tungod lang kay nindot tan-awon.

11. Walay spam sa partikulo.

12. Walay peke nga glassmorphism bisan asa.

13. Walay sobra nga pagkaburong.

14. Walay walay pulos nga 3D spinning cards.

15. Walay kanunay nga pag-zoom.

16. Walay 20 ka lain-laing estilo sa animation.

17. Walay nag-bounce nga UI.

18. Walay higanteng parapo sa pagpamaligya.

19. Ayaw sundoga ang usa ka partikular nga komersyal sa Apple nga gituyo lang para sa tinuod nga resulta.
Kuhaa hinuon ang pilosopiya ug kalidad sa produksiyon.

Ang pagsalig sa biswal kinahanglan maggikan sa pagpugong.

─────────────────────────────────────────────
PORMA
─────────────────────────────────────────────

Pangunang agalon:

1920 × 1080
60 fps
16:9
H.264
pinakataas nga gidugayon: 15.0 segundos

Target nga oras sa pagdagan:
gibana-bana nga 14.0–15.0 segundos.

Kinahanglan kini molihok isip usa ka produkto sa social media bisan kung walay tingog.

Kon praktikal HUMAN mahuman ang master, paghimo usab og tinuyo nga gi-recompose
bertikal/sosyal nga variant.

Ayaw lang basta i-crop ang desktop composition.

Apan ang desktop master mao ang prayoridad.

─────────────────────────────────────────────
ISTORYA / EMOSYONAL NGA ARKO
─────────────────────────────────────────────

Ayaw himoa kini nga lista sa lima ka bahin.

Kinahanglan kini mobati nga sama sa usa ka padayon nga hunahuna:

KAGUBOT → KONTROL → KLARITY → TAXTELLO

Ang unang 1.5 segundos kinahanglan nga tan-awon nga premium na.

Ang unang makahuluganon nga product moment kinahanglan mahitabo mga ~2 segundos.

Walay lima ka segundos nga pasiuna sa logo.

Posibleng direksyon sa pagsaysay:

"Tanan bahin sa imong negosyo, sa katapusan naa sa usa ka lugar."

Apan IPAKITA kini imbes nga ipasabut kini.

Gusto ko og mga upat ka biswal nga ideya sa tibuok pelikula.

Gamita ang pinakakusog nga TINUOD nga mga nawong sa Taxtello nga imong makita sa repository.

Ang mga lig-on nga kandidato naglakip sa:

• Finanzcockpit / Dashboard
• Rechnungen
• Belege
• Bangko / pagpares
• Steuergesundheit / kinatibuk-ang panglantaw sa buhis

DILI kinahanglan nga ipakita nimo silang tanan.

Pilia ang kombinasyon nga labing kusgan sa panan-aw.

─────────────────────────────────────────────
GISUGYOT NGA 15-SEGUNDONG STORYBOARD
─────────────────────────────────────────────

Isipa kini isip usa ka lig-on nga sinugdanan, dili usa ka estrikto nga sumbanan.

0.00 – 1.20

ITUM / ABOG NGA HULAGWAY.

Usa ka gamay nga init-bulawan nga kislap ang makita.

Ang kislap elegante nga nagpadayag sa marka sa Taxtello o usa ka tipik sa
marka sa pulong

Walay generic nga logo fade.

Hunahunaa ang katukma sa makina.

Ang kamera molihok agi o lapas sa marka ug ang UI magsugod sa paggawas gikan niini.

Gamay ra kaayo o walay kopya.

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

1.20 – 4.40

KONTROL SA PINANSYAL.

Ipadayag ang aktuwal nga Taxtello Cockpit isip usa ka dimensyon sa nawong sa produkto.

Dili lang kay screenshot nga gibutang sa screen.

I-reconstruct/crop/layer kini aron ang indibidwal nga mga rehiyon sa interface maka-animate.

Ang numero sa pinansyal sa bayani klaro kaayong nasulbad.
Ang tsart nagdrowing.
Ang mga nagsuporta nga sukdanan mohusay gamay sa ulahi.

Gamita ang hinay nga pag-uyog-uyog.

Usa ka linya sa kopya ang mahimong makita, pananglitan:

“Alles im Blick.”

o laing parehas nga mubo nga hugpong sa mga pulong nga Aleman kon duna kay mas haom nga makita.

Maximum nga ~3–4 ka pulong.

Ang interface kinahanglan magpabilin nga mailhan isip tinuod nga produkto.

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

4.40 – 7.50

PAGBAG-O SA DOKUMENTO / PAG-BOOK KEEPING.

Gamita ang biswal nga butang gikan sa miaging eksena isip transisyon.

Pananglitan:

Usa ka gold chart point ang molapad ngadto sa suok sa resibo/kard.
Gisundan kini sa kamera.
Mosulod ang resibo/dokumento.
Ang Taxtello mao ang nag-ila o nag-organisar niini.
Ang dokumento elegante nga nahisulod sa katugbang nga rekord sa booking / pinansyal niini.

Gamita ang magnetic alignment ug precision.

Walay cheesy scanner laser.

Walay naglutaw nga buhawi nga papel.

Posibleng microcopy:

“Belege. Erledigt.”

Basta lang kon kini makapaayo sa talan-awon.

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

7.50 – 10.70

KWARTA / MGA INVOICE.

Pag-usab o pag-transisyon nga natural ngadto sa tinuod nga Rechnungen interface.

Gamita ang usa ka kusgan nga higayon:

ang kahimtang sa invoice mausab,
masulbad ang usa ka bayad,
ang usa ka kantidad mobalhin sa iyang lugar,
o ang kinatibuk-ang pagtan-aw mahiusa sa iyang kaugalingon.

Ang mga numero kinahanglan nga mobati nga mahikap ug tukma.

Gamita ang JetBrains Mono kon kini mohaom sa aktuwal nga produkto.

Gipasiugda sa bulawan ang aktibo nga estado.

Ang berde gigamit lamang alang sa usa ka tinuod nga positibo nga semantikong kahimtang.

Posibleng kopya:

“Geld. Im Griff.”

Pag-usab: opsyonal ug mubo ra kaayo.

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

10.70 – 12.80

BUHIS / KLARO.

Pagbalhin ngadto sa tinuod nga giya sa panglawas sa buhis / pinansyal sa Taxtello.

Ayaw pag-ingon nga ang Taxtello mahika nga naggarantiya sa saktong mga buhis.

Ipahibalo ang pagkakita ug pagkontrol.

Pananglitan:

daghang mga saba nga signal ang nahugno ngadto sa usa ka malinawon, istrukturado nga kinatibuk-ang panglantaw sa buhis.

Posibleng kopya:

“Steuern im Blick.”

Kini nga eksena kinahanglan nga mas kalmado kaysa sa miaging eksena.

Ang ritmo sa makadiyot mohinay.

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

12.80 – 15.00

BAYAD SA BRAND.

Ibira ang kamera pagawas.

Ang UI mo-compress o mopilo ngadto sa usa ka matahum nga butang/ibabaw sa produkto sa Taxtello.

Mibalik ang kangitngit sa palibot niini.

Ang bulawan nga marka sa pulong nga Taxtello nasulbad na.

Usa ka mubo nga linya sa brand sa ubos.

Susiha ang lig-on nga katapusang mga linya sama sa:

“Dein Business. Klar.”

"Buchhaltung. Unter Kontrolle."

“Einfach mehr Überblick.”

"Alles fürs Business. Usa ka einem Ort."

Pagpili base sa aktuwal nga posisyon sa produkto nga imong makita sa repo.

Ayaw gamita ang linya tungod lang kay ako ang nagsugyot niini.

Ang katapusang frame kinahanglan adunay igong kahilom aron marehistro.

Tapusa nga may pagsalig.

Walay dako nga nag-bounce nga CTA.

─────────────────────────────────────────────
MGA TRANSISISYON
─────────────────────────────────────────────

Usa kini sa pinakaimportanteng bahin.

Gusto ko og mga transisyon nga makapahunahuna sa tumatan-aw:

"Siyempre ang sunod nga eksena naggikan niana."

Maayo:

linya sa tsart → ngilit sa dokumento
bulawan nga pildoras → butones sa invoice
numero sa panalapi → kantidad sa invoice
ngilit sa kard → sunod nga nawong
elemento sa interface sa pagduso sa kamera
gipaambit nga heometriya
pagbutyag sa maskara gamit ang tinuod nga mga porma sa produkto

Daotan:

crossfade
random nga pagpahid
pagbalhin sa pagtuyok
sayop
latigohon ang kalaha matag duha ka segundo
heneral nga SaaS slide-left
spam sa zoom-blur

Gitugotan lamang ang direktang pagputol kung ang usa ka tinuyo nga ritmikong epekto makabenepisyo sa pelikula.

─────────────────────────────────────────────
PAGLIHOK
─────────────────────────────────────────────

Ang paglihok nagkinahanglan og gibug-aton.

Gamita ang mga kurba nga ikatandi sa:

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

kon asa angay.

Ang lainlaing mga elemento kinahanglan adunay gamay nga lainlaing mga oras sa pag-abot.

Mas gusto:

pagpaabut
sobra nga pag-overshoot ubos sa ~2%
paghusay
pagpadayon sa paglihok
gipaambit nga tulin tali sa mga eksena

Likayi ang pagka-springlike sa cartoon.

Ang paglihok sa kamera angay nga mobati nga sama sa usa ka high-end macro product shoot.

Handurawa nga nag-film kita og usa ka pisikal nga premium nga butang bisan pa og kini software.

─────────────────────────────────────────────
SUGA / MATERYAL
─────────────────────────────────────────────

Gamita ang hilabihan ka hinay nga suga sa palibot.

Posibleng mga pagtambal:

• humok nga bulawan nga suga sa ngilit
• itom nga asul nga pagkahulog
• hinay nga pagpamulak sa palibot
• humok nga specular highlight nga moagi sa usa ka nawong
• pinugngan nga vignette
• dili kaayo pino nga lugas kon kini makatabang sa materyal

Hupti nga limpyo ang interface.

AYAW i-blur ang produkto aron lang tan-awon nga sama sa sinematiko.

Walay peke nga sinaw nga mga repleksyon nga makadaot sa pagkabasa.

─────────────────────────────────────────────
TIPOGRAPIYA
─────────────────────────────────────────────

Gamita ang gamay ra kaayong kopya.

Walay sentence nga angay makigkompetensya sa produkto.

Ang mga ulohan sa balita sa kasagaran kinahanglan mohaom sa usa ka linya.

Gamita ang Plus Jakarta Sans.

Ang kusog nga tipograpiya usahay mahimong modako pag-ayo ug mahimong usa ka transisyon
aparato mismo.

Likayi ang generic nga motion-graphics diin ang matag pulong mo-animate nga independente.

Ang tipograpiya kinahanglan molihok isip mga butang nga gidisenyo.

─────────────────────────────────────────────
Tingog / Ritmo
─────────────────────────────────────────────

Idisenyo ang lihok nga daw giputol kini ngadto sa gibana-bana nga 115–120 BPM:
premium, kinetic, sopistikado, dili dali mataranta.

Ang mga importanteng gutlo kinahanglan nga mohaom sa musika.

Gisugyot nga pinulongan sa tunog:

• ubos nga humok nga epekto para sa dakong pagpadayag
• pinugngan nga mga pag-klik sa UI nga makahikap
• malumo nga metaliko/bildo nga tonal tick
• hinay nga paglihok sa ubos nga frequency atol sa mga transisyon sa kamera
• elegante ug determinado nga tono sa pag-abot sa logo

Likayi:

• dakong pag-usbong sa mga trailer sa sine
• Mga EDM riser
• kusog nga mga pag-uyog bisan asa
• mga tunog nga "tech interface" nga wala’y igong basehan
• rap beat
• agresibo nga bass

Kon walay legal nga luwas nga musika/audio asset sa proyekto, AYAW pagbira
audio nga gipanalipdan sa copyright gikan sa internet.

Ihatag ang visual master nga walay copyrighted nga musika ug paghimo og mubo nga cue
papel nga naghulagway kung asa angay ipaigo ang musika/SFX.

Kon adunay angay nga luwas/lokal nga audio, gamita kini.

─────────────────────────────────────────────
TINUOD NGA PRODUKTO LAMANG
─────────────────────────────────────────────

Kritikal kini.

Susiha ang kasamtangang main.

Ayaw pag-imbento og mga screen.

Ayaw pag-imbento og mga sukdanan nga nagpasabot sa tinuod nga datos sa kustomer.

Gamita ang klarong sintetiko/demo-safe nga mga kantidad kon gikinahanglan.

Ayaw aksidente nga ibutyag ang bisan unsang personal, impormasyon sa tiggamit sa pagsulay o impormasyon sa produksiyon.

Gamita pag-usab ang biswal nga istruktura sa aktuwal nga Taxtello UI.

Kon ang usa ka screen kinahanglan nga ibulag gikan sa paglihok, himoa kini pag-usab nga matinud-anon sa React gikan sa
ang tinuod nga sistema sa disenyo imbes nga mag-scale lang og dako nga screenshot.

Ang resulta kinahanglan gihapon nga tan-awon nga sama sa Taxtello.

─────────────────────────────────────────────
MGA GILAUMANAN SA PAGPATUMAN
─────────────────────────────────────────────

Trabaho direkta sa:

/taxtello/beta-motion

Paghimo og bag-ong komposisyon tupad sa kasamtangan.

Ipadayon nga magamit ang kasamtangang mga komposisyon.

I-istruktura ang bag-ong trabaho sa limpyo nga paagi.

Mas gusto ang magamit pag-usab nga mga primitibo para sa:

• nawong sa kamera
• bayanan sa produkto
• mga transisyon nga gitabonan
• ang teksto nagpadayag
• Gipadayag sa rehiyon sa UI
• suga sa palibot
• mga transisyon sa gipaambit nga elemento

Likayi ang usa ka 1,500-line nga component.

Gamita ang deterministic nga Remotion animation nga gimaneho sa frame/time.

Walay gitakdang Timeout.
Walay mga nondeterministic nga animation.

Respetuha ang 60 fps sa tibuok nga dula.

Gamita ang interpolation/spring/easing nga tinuyo.

─────────────────────────────────────────────
AYAW PAGHUNOD HUMAN SA UNANG PAGPATUMAN
─────────────────────────────────────────────

Kini usa ka biswal nga buluhaton.

KINAHANGLAN nimong susihon ang aktuwal nga gi-render nga output.

Gikinahanglan nga proseso sa pagtrabaho:

1. Susiha ang tipiganan ug ang tinuod nga brand/produkto.

2. Pagsulat og mubo nga storyboard nga adunay:
- eksaktong mga timestamp
- pangunang biswal
- lohika sa transisyon
- kopya
- gituyo nga emosyonal nga ritmo

3. Ipatuman kini.

4. Padagana ang typecheck / mga may kalabutan nga pagsusi.

5. I-render ang mga representatibong frame sa gibana-bana nga:
0.0 segundos
1.0 segundos
2.5 segundos
4.5 segundos
6.5 segundos
8.5 segundos
10.5 segundos
12.5 segundos
14.0 segundos
14.8 segundos

6. SUSIHA PAG-AYO ANG MGA HULAGWAY.

Ayaw lang kumpirmahi nga malampuson ang pag-render.

Pangutana:

Murag ba ni og Apple-tier product film?

Naa bay murag template?

Daghan ra ba kaayo ang naa sa screen?

Mabasa ba ang produkto?

Lohikal ba nga konektado ang mga transisyon?

Murag premium ba ang Taxtello gold?

Kompositodo ba tan-awon ang matag frame?

7. Ayoha ang mga kahuyang sa panan-aw.

8. I-render ang kompletong pelikula.

9. Susiha ang daghang eksaktong na-decode nga mga frame gikan sa katapusang MP4, dili lang ang browser
mga screenshot.

10. Balika pag-usab kon gikinahanglan.

Ayaw pagdeklarar og kalampusan kay ang code nag-compile.

Ang angay ihatud mao ang PELIKULA.

─────────────────────────────────────────────
KALIDAD NGA BAR
─────────────────────────────────────────────

Isalikway ang imong kaugalingong resulta kon kini mobati nga sama niini:

• usa ka template sa SaaS
• usa ka PowerPoint animation
• usa ka pagrekord sa screen sa website
• usa ka generic nga demo Remotion
• usa ka advertisement sa crypto
• usa ka template sa promo nga gihimo sa AI
• lima ka screenshot nga nag-slide-slide
• sobra nga kopya sa pamaligya

Ang matag importanteng frame kinahanglan nga igo na aron magamit isip usa ka still advertisement.

Mas gusto nako nga:

3 ka talagsaong biswal nga mga gutlo

kaysa

10 ka kasarangang feature animations.

─────────────────────────────────────────────
KATAPUSANG MGA HATAGAN
─────────────────────────────────────────────

Paghatag:

1. Katapusang storyboard
2. Tinubdan sa Bag-ong Komposisyon Remotion
3. 1920×1080 / 60fps nga katapusang MP4
4. Poster/katapusang bayanan
5. Contact sheet nga adunay mga representatibong frame gikan sa pelikula
6. Eksaktong oras sa pagdagan
7. Listahan sa tinuod nga mga asset/screen sa Taxtello nga gigamit
8. Mubo nga pagpasabot sa pinulongan sa paglihok
9. Bisan unsang nahibiling biswal nga mga kompromiso
10. Mga sugo sa pagkopya sa render

I-save ang mga output sa usa ka klaro nga ginganlan nga direktoryo sama sa:

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

Ayaw pag-deploy og bisan unsa.
Ayaw usba ang datos sa produksiyon.
Ayaw paghiusa bisan unsa.

Buhata ang tanan nimong mamugnaon nga mga butang, apan gamita ang walay kaluoy nga pagpugong sa kaugalingon.

Himoa nga mahal tan-awon ang Taxtello.

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.

Gikuha ang prompt gikan sa poste @daniel_haida.