Sefydlu: Ffilm am ap cadw cyfrifon Taxtello

Chi yw'r uwch ddylunydd symudiad, dylunydd cynnyrch a pheiriannydd Remotion ar gyfer Taxtello.

Eich tasg chi yw creu ffilm cynnyrch premiwm go iawn, ar lefel Apple ar gyfer Taxtello.

NID esboniad SaaS generig yw hwn.
NID yw hwn yn daith trwy nodweddion.
NID animeiddiad templed cychwyn yw hwn.

Rwyf eisiau sioe brand/cynnyrch o hyd at 15 eiliad sy'n gwneud i Taxtello edrych fel cynnyrch ariannol aeddfed, drud, wedi'i ddylunio'n hyfryd.

Meddyliwch:

Ffilm lansio cynnyrch Apple
× technoleg ariannol premiwm
× dylunio cynnig golygyddol
× cyflwyniad cynnyrch tebyg i streipiau cyfyngedig
× Hunaniaeth weledol Taxtello ei hun

Yr adwaith a ddymunir yw:

“Arhoswch, ap cadw cyfrifon Almaenig ydy hwn?”

Dylai'r ffilm deimlo'n ddrud.

─────────────────────────────────────────────
REPO / FFYNHONNELL Y GWIRIONEDD
─────────────────────────────────────────────

Yn gyntaf archwiliwch y storfeydd go iawn cyn dylunio unrhyw beth.

Prif gynnyrch:
/taxtello/prif

Prosiect Remotion presennol:
/taxtello/beta-motion

Ffynonellau brand go iawn pwysig:

/taxtello/main/public/css/app/_00-tokens.css
/taxtello/main/dogfennau/dylunio/TOKENS.md
/taxtello/main/public/taxtello-wordmark.png
/taxtello/main/public/eiconau.svg

Gellir dod o hyd i sgrinluniau cynnyrch cyfredol o dan:

/taxtello/main/arteffactau/mwg-ui-mwg/

Dewiswch y sgrinluniau/ffynhonnell gyfredol ddilys ddiweddaraf dros arteffactau hen ffasiwn.

Mae animeiddiad arwr Remotion 24 eiliad eisoes yn bodoli yn
/taxtello/beta-motion.

PEIDIWCH â'i ddisodli.
PEIDIWCH â'i atchweliad.
PEIDIWCH â gorfodi ei stori cysylltiadau AI gyfredol i'r ffilm newydd hon.

Creu cyfansoddiad annibynnol newydd ar gyfer y dasg hon, e.e.

TaxtelloShowreel15

Gallwch ailddefnyddio seilwaith da, ffontiau, cyfleustodau rendro, cyntefigion symudiad,
llacio cromliniau, llwytho asedau a seilwaith sicrhau ansawdd o beta-symudiad lle bo'n ddefnyddiol.

Ond yn greadigol dylai hon fod yn ffilm newydd.

Cyn ei weithredu, archwiliwch UI Taxtello gwirioneddol a deallwch y cynnyrch.

Peidiwch â dyfeisio swyddogaeth nad yw'n bodoli.

─────────────────────────────────────────────
IAITH WELEDOL TAXTELLO GO IAWN
─────────────────────────────────────────────

Defnyddiwch y system ddylunio go iawn.

Palet craidd:

Cefndir:
#0c0f1a

Arwynebau uchel:
#111525
#131722
#1a2032

Aur brand cynradd:
#e8b84b

Uchafbwynt aur:
#f5d07a

Dyfnder aur:
#9b6d18

Testun cynradd:
#e8eaf2

Gwyn cynnes cryf:
#f6f4eb

Testun eilaidd:
#8b93b5

Cadarnhaol:
#34d399

Negyddol/gwall yn unig lle mae angen hynny'n semantig:
#f87171

Teipograffeg:
Jakarta Sans yn ogystal

Niferoedd / gwerthoedd ariannol lle bo'n briodol:
JetBrains Mono

Defnyddiwch nod gair Taxtello gwirioneddol a/neu'r marc Taxtello.
Peidiwch ag ail-lunio na brasamcanu'r logo.

Dylai aur Taxtello deimlo fel acen werthfawr, nid llifogydd UI melyn.

Meddyliwch:
metel tywyll
aur cynnes
gwydr
inc
manwl gywirdeb
hyder tawel

NID:
seiberpwnc
crypto
neon
gemau
porffor AI generig
graddiannau enfys

────────────────────────────────────────────
RHEOLAU CREADIOL CRAIDD
────────────────────────────────────────────

Dilynwch y rheolau hyn yn ddidrugaredd:

1. UN ERGYD = UN SYNIAD.

2. Mae angen lle i anadlu ym mhob golygfa.

3. UI'r cynnyrch yw'r arwr.

4. Peidiwch â rhoi copi esboniadol ym mhobman.

5. Peidiwch â defnyddio toriadau caled oni bai bod rheswm bwriadol.

6. Yn well ganddo drawsnewidiadau sy'n cael eu gyrru gan wrthrychau:
cerdyn yn dod yn gerdyn nesaf,
mae llinell siart yn dod yn gysylltydd,
mae derbynneb yn dod yn archeb,
mae rhif yn dod yn elfen rhyngwyneb arall,
mae'r camera'n symud drwy'r cynnyrch.

7. Defnyddiwch leddfu premiwm.
Dim symudiad llinol.

8. Dylai symudiad orgyffwrdd yn naturiol.
Ni ddylai elfennau i gyd ddechrau a stopio yn yr un ffrâm yn union.

9. Defnyddiwch ddyfnder yn gynnil:
persbectif,
parallacs meddal,
graddfa,
gwahanu blaendir/cefndir,
dyfnder maes rheoledig os yw'n bosibl.

10. NID oes unrhyw effaith yn bodoli dim ond oherwydd ei fod yn edrych yn cŵl.

11. Dim sbam gronynnau.

12. Dim gwydrmorffiaeth ffug ym mhobman.

13. Dim aneglurder gormodol.

14. Dim cardiau nyddu 3D di-bwynt.

15. Dim chwyddo cyson.

16. Dim 20 o arddulliau animeiddio gwahanol.

17. Dim rhyngwyneb defnyddiwr bownsio.

18. Dim paragraff marchnata enfawr.

19. Peidiwch ag efelychu hysbyseb Apple benodol ergyd wrth ergyd.
Daliwch yr athroniaeth ac ansawdd y cynhyrchiad yn lle hynny.

Dylai'r hyder gweledol ddeillio o gyfyngiad.

────────────────────────────────────────────
FFORMAT
────────────────────────────────────────────

Meistr cynradd:

1920 × 1080
60 fps
16:9
H.264
hyd mwyaf: 15.0 eiliad

Amser rhedeg targed:
tua 14.0–15.0 eiliad.

Rhaid iddo weithio fel datgeliad cynnyrch cyfryngau cymdeithasol hyd yn oed heb sain.

Os yw'n ymarferol AR ÔL i'r meistr gael ei orffen, crëwch hefyd un a ailgyfansoddwyd yn fwriadol
amrywiad fertigol/cymdeithasol.

Peidiwch â chnydio cyfansoddiad y bwrdd gwaith yn unig.

Ond y meistr bwrdd gwaith yw'r flaenoriaeth.

─────────────────────────────────────────────
STORI / ARC EMOSIYNOL
─────────────────────────────────────────────

Peidiwch â gwneud hon yn rhestr o bum nodwedd.

Dylai deimlo fel un meddwl parhaus:

ANHREFN → RHEOLAETH → EGWYDDER → TAXTELLO

Rhaid i'r 1.5 eiliad cyntaf edrych yn premiwm eisoes.

Dylai'r foment cynnyrch ystyrlon gyntaf ddigwydd o fewn ~2 eiliad.

Dim cyflwyniad logo pum eiliad.

Cyfeiriad naratif posibl:

“Popeth am eich busnes, o’r diwedd mewn un lle.”

Ond DANGOSWCH hyn yn lle ei egluro.

Rwyf eisiau tua phedair syniad gweledol ar draws y ffilm gyfan.

Defnyddiwch yr arwynebau Taxtello GO IAWN cryfaf a gewch chi yn y storfa.

Mae ymgeiswyr cryf yn cynnwys:

• Talcen Cyllid / Dangosfwrdd
• Cyfrifiadau
• Belege
• Banc / cyfateb
• Steuergesundeit / trosolwg treth

NID oes angen i chi ddangos pob un ohonyn nhw.

Dewiswch y cyfuniad cryfaf yn weledol.

─────────────────────────────────────────────
BWRDD STORI AWGRYMEDIG 15 EILIAD
────────────────────────────────────────────

Ystyriwch hyn fel man cychwyn cryf, nid templed anhyblyg.

0.00 – 1.20

DU / LLYNGES.

Mae llewyrch bach o aur cynnes yn ymddangos.

Mae'r llewyrch yn datgelu'n gain naill ai'r marc Taxtello neu ddarn o'r
nod geiriau.

Dim pylu logo generig.

Meddyliwch am gywirdeb peirianyddol.

Mae'r camera'n symud trwy neu heibio'r marc ac mae'r rhyngwyneb defnyddiwr yn dechrau dod allan ohono.

Ychydig iawn o gopi neu ddim copi o gwbl.

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

1.20 – 4.40

RHEOLAETH ARIANNOL.

Datgelwch y Talwrn Taxtello gwirioneddol fel arwyneb cynnyrch dimensiynol.

Nid dim ond ciplun wedi'i osod ar y sgrin.

Ailadeiladu/cnydio/haenu fel y gall rhanbarthau rhyngwyneb unigol animeiddio.

Mae rhif ariannol yr arwr yn datrys yn grimp.
Mae'r siart yn tynnu i mewn.
Mae metrigau ategol yn setlo ychydig yn hwyrach.

Defnyddiwch stagiad cynnil.

Gall un llinell o gopi ymddangos, er enghraifft:

“Pawb yn y golwg.”

neu ymadrodd Almaeneg arall yr un mor fyr os dewch o hyd i rywbeth mwy addas.

Uchafswm o ~3–4 gair.

Rhaid i'r rhyngwyneb barhau i fod yn adnabyddadwy fel y cynnyrch go iawn.

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

4.40 – 7.50

TRAWSFFORMIAD DOGFENNAU / CADW LLYFRAU.

Defnyddiwch wrthrych gweledol o'r olygfa flaenorol fel y trawsnewidiad.

Enghraifft:

Mae pwynt siart aur yn ehangu i gornel derbynneb/cerdyn.
Mae'r camera yn ei ddilyn.
Mae derbynneb/dogfen yn dod i mewn.
Taxtello sy'n ei adnabod neu'n ei drefnu.
Mae'r ddogfen yn glipio'n gain i'w chofnod archebu / ariannol cyfatebol.

Defnyddiwch aliniad magnetig a chywirdeb.

Dim laser sganiwr cawslyd.

Dim corwynt papur arnofiol.

Micro-gopi posibl:

“Belege. Erledig.”

Dim ond os yw'n gwella'r olygfa.

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

7.50 – 10.70

ARIAN / ANFONEBAU.

Trawsnewid neu newid yn naturiol i'r rhyngwyneb Rechnungen go iawn.

Defnyddiwch un foment gref:

mae statws anfoneb yn newid,
mae taliad yn datrys,
mae swm yn symud i'w le,
neu mae'r trosolwg yn ymgynnull ei hun.

Dylai rhifau deimlo'n gyffyrddol ac yn fanwl gywir.

Defnyddiwch JetBrains Mono lle mae hyn yn cyfateb i'r cynnyrch gwirioneddol.

Mae aur yn tynnu sylw at y cyflwr gweithredol.

Dim ond ar gyfer cyflwr semantig gwirioneddol gadarnhaol y defnyddir gwyrdd.

Copi posibl:

“Gwerth. Im Griff.”

Unwaith eto: dewisol ac yn fyr iawn.

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

10.70 – 12.80

TRETH / EGLUDER.

Pontio i arwyneb canllawiau iechyd treth / ariannol go iawn Taxtello.

Peidiwch â honni bod Taxtello yn gwarantu trethi cywir yn hudolus.

Cyfleu gwelededd a rheolaeth.

Enghraifft:

mae nifer o signalau swnllyd yn cwympo i mewn i un trosolwg treth tawel, strwythuredig.

Copi posibl:

“Arhoswch yn y Golwg.”

Dylai'r olygfa hon deimlo'n fwy tawel na'r olygfa flaenorol.

Mae'r rhythm yn arafu am gyfnod byr.

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

12.80 – 15.00

TALIAD BRAND.

Tynnwch y camera allan.

Mae'r rhyngwyneb defnyddiwr yn cywasgu neu'n plygu i mewn i un gwrthrych / arwyneb cynnyrch Taxtello hardd.

Mae tywyllwch yn dychwelyd o'i gwmpas.

Mae'r marc gair aur Taxtello yn datrys.

Un llinell brand fer oddi tano.

Archwiliwch linellau terfynol cryf fel:

“Dyn Busnes. Eglur.”

"Buchhaltung. Unter Kontrolle."

“Einfach mehr Überblick.”

"Alles fürs Business. Einem Ort."

Dewiswch yn seiliedig ar leoliad gwirioneddol y cynnyrch a welwch yn y repo.

Peidiwch â defnyddio llinell dim ond oherwydd fy mod i wedi'i hawgrymu.

Rhaid i'r ffrâm olaf gael digon o llonyddwch i gofrestru.

Gorffen yn hyderus.

Dim CTA bownsio enfawr.

────────────────────────────────────────────
TRAWSNEWIDIADAU
────────────────────────────────────────────

Dyma un o'r rhannau pwysicaf.

Rwyf eisiau trawsnewidiadau sy'n gwneud i'r gwyliwr feddwl:

“Wrth gwrs y daeth yr olygfa nesaf o hynny.”

Da:

llinell siart → ymyl dogfen
bilsen aur → botwm anfoneb
rhif ariannol → swm yn yr anfoneb
ymyl cerdyn → wyneb nesaf
elfen rhyngwyneb gwthio camera drwodd
geometreg a rennir
datgelu masg gan ddefnyddio siapiau cynnyrch gwirioneddol

Drwg:

traws-bylu
sychu ar hap
trawsnewidiad sbin
nam
padell chwipio bob dwy eiliad
sleid i'r chwith ar SaaS generig
sbam chwyddo-aneglur

Dim ond pan fydd effaith rhythmig fwriadol o fudd i'r ffilm y caniateir toriadau uniongyrchol.

────────────────────────────────────────────
CYNIGIAD
────────────────────────────────────────────

Mae angen pwysau ar symudiad.

Defnyddiwch gromliniau tebyg i:

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

lle bo'n briodol.

Dylai fod gan wahanol elfennau amseroedd cyrraedd ychydig yn wahanol.

Yn well ganddo:

disgwyliad
gor-saethu islaw ~2%
setlo
parhad y cynnig
cyflymder a rennir rhwng golygfeydd

Osgowch wanwynder cartŵn.

Dylai symudiad y camera deimlo fel sesiwn tynnu lluniau o gynnyrch macro o safon uchel.

Dychmygwch ein bod ni'n ffilmio gwrthrych premiwm corfforol er ei fod yn feddalwedd.

─────────────────────────────────────────────
GOLEUO / DEUNYDD
────────────────────────────────────────────

Defnyddiwch oleuadau amgylcheddol hynod gynnil.

Triniaethau posibl:

• goleuadau ymyl aur meddal
• cwymp tywyll glas
• blodeuo amgylchynol gwan
• uchafbwynt ysbeidiol meddal yn mynd ar draws arwyneb
• finiet cymedrol
• graen cynnil os yw'n helpu'n sylweddol

Cadwch y rhyngwyneb yn glir.

PEIDIWCH â chymylu'r cynnyrch dim ond i edrych yn sinematig.

Dim adlewyrchiadau sgleiniog ffug sy'n difetha darllenadwyedd.

────────────────────────────────────────────
TEIPOGRAFFIAETH
─────────────────────────────────────────────

Defnyddiwch ychydig iawn o gopïau.

Ni ddylai unrhyw frawddeg gystadlu â'r cynnyrch.

Dylai penawdau ffitio ar un llinell fel arfer.

Defnyddiwch Plus Jakarta Sans.

Gall teipograffeg gref weithiau raddfa fawr iawn a dod yn drawsnewidiad
dyfais ei hun.

Osgowch ymddygiad graffeg symudol generig lle mae pob gair yn animeiddio'n annibynnol.

Dylai teipograffeg symud fel gwrthrychau wedi'u dylunio.

────────────────────────────────────────────
SAIN / RHYTHM
────────────────────────────────────────────

Dyluniwch y symudiad fel pe bai wedi'i dorri i tua 115–120 BPM:
premiwm, cinetig, soffistigedig, nid yn wyllt.

Dylai eiliadau pwysig lanio’n gerddorol.

Iaith sain awgrymedig:

• effaith feddal isel ar gyfer datgeliad mawr
• cliciau rhyngwyneb cyffyrddol cyfyngedig
• tic tôn metelaidd/gwydr cynnil
• symudiad amledd isel meddal yn ystod trawsnewidiadau camera
• tôn gain wedi'i datrys wrth y logo

Osgowch:

• ffyniant enfawr o drelars sinematig
• Codwyr EDM
• sŵn uchel ym mhobman
• synau “rhyngwyneb technoleg” stoc
• curiad rap
• bas ymosodol

Os nad oes ased cerddoriaeth/sain sy'n ddiogel yn gyfreithiol yn y prosiect, PEIDIWCH â thynnu
sain wedi'i hawlfraint o'r rhyngrwyd.

Cyflwyno'r meistr gweledol heb gerddoriaeth hawlfraint a chreu ciw cryno
taflen yn disgrifio ble dylai cerddoriaeth/SFX daro.

Os oes sain ddiogel/lleol addas yn bodoli, defnyddiwch hi.

─────────────────────────────────────────────
CYNNYRCH GO IAWN YN UNIG
─────────────────────────────────────────────

Mae hyn yn hollbwysig.

Archwiliwch y prif bibell gyfredol.

Peidiwch â dyfeisio sgriniau.

Peidiwch â dyfeisio metrigau sy'n awgrymu data cwsmeriaid go iawn.

Defnyddiwch werthoedd synthetig/diogel ar gyfer demo yn glir os oes angen.

Peidiwch â datgelu unrhyw wybodaeth bersonol, gwybodaeth am ddefnyddwyr prawf na gwybodaeth gynhyrchu ar ddamwain.

Ailddefnyddio strwythur gweledol rhyngwyneb defnyddiwr Taxtello gwirioneddol.

Os oes angen gwahanu sgrin o ran symudiadau, ail-grewch hi'n ffyddlon yn React o
y system ddylunio go iawn yn lle dim ond graddio sgrinlun enfawr.

Dylai'r canlyniad dal i edrych yn ddiamheuol fel Taxtello.

─────────────────────────────────────────────
DISGWYLIADAU GWEITHREDU
─────────────────────────────────────────────

Gweithio'n uniongyrchol yn:

/taxtello/beta-motion

Crëwch y cyfansoddiad newydd ochr yn ochr â'r un presennol.

Cadwch gyfansoddiadau presennol yn gweithio.

Strwythurwch y gwaith newydd yn lân.

Ffafrio cyntefigion y gellir eu hailddefnyddio ar gyfer:

• arwyneb camera
• ffrâm cynnyrch
• trawsnewidiadau wedi'u cuddio
• testun yn datgelu
• Datgeliadau rhanbarth UI
• goleuadau amgylchynol
• trawsnewidiadau elfen a rennir

Osgowch un gydran 1,500 llinell.

Defnyddiwch animeiddiad Remotion penderfynol wedi'i yrru gan ffrâm/amser.

Dim amser wedi'i osod.
Dim animeiddiadau anbenderfynol.

Parchwch 60 fps drwyddo draw.

Defnyddiwch ryngosodiad/gwanwyn/llacio yn fwriadol.

─────────────────────────────────────────────
PEIDIWCH Â STOPIO AR ÔL Y GWEITHREDIAD CYNTAF
─────────────────────────────────────────────

Tasg weledol yw hon.

RHAID i chi adolygu'r allbwn gwirioneddol a rendrwyd.

Llif gwaith gofynnol:

1. Archwiliwch y storfa a'r brand/cynnyrch go iawn.

2. Ysgrifennwch fwrdd stori cryno gyda:
- stampiau amser union
- gweledol allweddol
- rhesymeg pontio
- copi
- rhythm emosiynol bwriadedig

3. Rhoi ar waith ef.

4. Rhedeg gwiriad teip / gwiriadau perthnasol.

5. Rendro fframiau cynrychioliadol yn fras:
0.0 eiliad
1.0 eiliad
2.5 eiliad
4.5 eiliad
6.5 eiliad
8.5 eiliad
10.5 eiliad
12.5 eiliad
14.0 eiliad
14.8 eiliad

6. ARCHWILIO'R DELWEDDAU HYNNY'N WELEDOL.

Peidiwch â dim ond cadarnhau bod y rendro wedi llwyddo.

Gofynnwch:

Ydy hyn yn edrych fel ffilm cynnyrch haen Apple?

A oes unrhyw beth yn edrych fel templed?

Oes gormod ar y sgrin?

A yw'r cynnyrch yn ddarllenadwy?

A yw trawsnewidiadau wedi'u cysylltu'n rhesymegol?

A yw aur Taxtello yn teimlo'n premiwm?

Ydy pob ffrâm yn edrych yn gytûn?

7. Trwsio gwendidau gweledol.

8. Rendro'r ffilm gyflawn.

9. Archwiliwch nifer o fframiau wedi'u datgodio'n union o'r MP4 terfynol, nid y porwr yn unig
sgrinluniau.

10. Ailadroddwch os oes angen.

Peidiwch â datgan llwyddiant oherwydd bod y cod yn llunio.

Y danfoniad yw'r FFILM.

─────────────────────────────────────────────
BAR ANSAWDD
─────────────────────────────────────────────

Gwrthodwch eich canlyniad eich hun os yw'n teimlo fel:

• templed SaaS
• animeiddiad PowerPoint
• recordiad sgrin gwefan
• demo Remotion generig
• hysbyseb crypto
• templed hyrwyddo a gynhyrchwyd gan AI
• pum sgrinlun yn llithro o gwmpas
• copi marchnata gormodol

Dylai pob ffrâm bwysig fod yn ddigon da i'w defnyddio fel hysbyseb llonydd.

Byddai'n well gen i gael:

3 eiliad weledol eithriadol

na

10 animeiddiad nodwedd cyffredin.

─────────────────────────────────────────────
CYFLWYNIADAU TERFYNOL
─────────────────────────────────────────────

Darparu:

1. Bwrdd stori terfynol
2. Ffynhonnell gyfansoddiad Remotion newydd
3. MP4 terfynol 1920×1080 / 60fps
4. Poster/ffrâm derfynol
5. Taflen gyswllt gyda fframiau cynrychioliadol o'r ffilm
6. Amser rhedeg union
7. Rhestr o asedau/sgriniau Taxtello go iawn a ddefnyddiwyd
8. Esboniad byr o'r iaith symud
9. Unrhyw gyfaddawdau gweledol sy'n weddill
10. Gorchmynion i atgynhyrchu'r rendr

Cadwch allbynnau mewn cyfeiriadur ag enw clir fel:

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

Peidiwch â lleoli unrhyw beth.
Peidiwch â newid data cynhyrchu.
Peidiwch â chyfuno unrhyw beth.

Ewch allan yn greadigol, ond ymarferwch gyfyngiad didostur.

Gwneud i Taxtello edrych yn ddrud.

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.

Anogwr wedi'i gymryd o post @daniel_haida.