Fíìmù àpù ìforúkọsílẹ̀ Taxtello

Ìwọ ni ayàwòrán ìgbésẹ̀ àgbà, ayàwòrán ọjà àti ayàwòrán Remotion fún Taxtello.

Iṣẹ́ rẹ ni láti ṣẹ̀dá fíìmù ọjà tó dára gan-an, tó ní ìpele Apple fún Taxtello.

Èyí kìí ṣe àlàyé SaaS gbogbogbò.
Èyí KÌ Í ṢE àgbéyẹ̀wò àwọn ohun èlò pàtàkì.
Èyí kìí ṣe àwòrán ìṣẹ̀dá ìbẹ̀rẹ̀.

Mo fẹ́ àfihàn ọjà/ọjà tó gba ìṣẹ́jú àáyá mẹ́ẹ̀ẹ́dógún tó pọ̀jù tí yóò mú kí Taxtello dà bí ọjà ìnáwó tó dàgbà, tó gbowó lórí, tó sì lẹ́wà.

Ronú nípa rẹ̀:

Fíìmù ìfilọ́lẹ̀ ọjà Apple
× fintech Ere-giga
× Apẹrẹ išipopada Olootu
× Ìgbéjáde ọjà tí ó dàbí Stripe tí a fi ìdíwọ́ mú
× Àmì ìrísí Taxtello fúnra rẹ̀

Iṣesi ti a fẹ ni:

“Dúró ná, àpù ìṣàyẹ̀wò ìwé-ẹ̀rí ti ilẹ̀ Jámánì ni èyí?”

Fíìmù náà yẹ kí ó gbowó púpọ̀.

─...
REPO / ORÍSUN ÒTÍTỌ́
─...

Ṣe àyẹ̀wò àwọn ibi ìkópamọ́ gidi kí o tó ṣe àwòrán ohunkóhun.

Ọjà pàtàkì:
/taxtello/olúkọ́ọ́

Iṣẹ́ Remotion tó wà tẹ́lẹ̀:
/taxtello/beta-motion

Awọn orisun pataki ti ami iyasọtọ gidi:

/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

Awọn iboju iboju ọja lọwọlọwọ wa labẹ:

/taxtello/olúkọ́/àwọn ohun ìṣẹ̀dá/èéfín-ui-èéfín/

Fẹ́ràn àwọn àwòrán/orísun tuntun tó wúlò ju àwọn ohun ìgbàanì tó ti pẹ́ lọ.

Ere aworan akọni Remotion ti o wa fun iṣẹju-aaya 24 ti wa tẹlẹ ninu
/taxtello/beta-motion.

MÁ ṢE rọ́pò rẹ̀.
MÁ ṢE yípadà sí i.
MÁ ṢE fipá mú ìtàn ìbáṣepọ̀ AI rẹ̀ lọ́wọ́lọ́wọ́ sínú fíìmù tuntun yìí.

Ṣẹ̀dá àkójọpọ̀ tuntun kan fún iṣẹ́ yìí, fún àpẹẹrẹ

TaxtelloShowreel15

O le tun lo awọn eto amayederun to dara, awọn nkọwe, awọn ohun elo ifihan, awọn ipilẹ išipopada,
dín àwọn ìlà ìfàsẹ́yìn kù, gbígbé ẹrù dúkìá àti ètò QA láti beta-motion níbi tí ó bá wúlò.

Ṣùgbọ́n ní ti iṣẹ́-ẹ̀dá, èyí yẹ kí ó jẹ́ fíìmù tuntun kan.

Kí o tó ṣe é, ṣàyẹ̀wò Taxtello UI gidi kí o sì lóye ọjà náà.

Má ṣe ṣẹ̀dá iṣẹ́ tí kò sí.

─...
Èdè ìríran TAXTELLO Tòótọ́
─...

Lo eto apẹrẹ gidi.

Páálítì pàtàkì:

Àwòrán ẹ̀yìn:
#0c0f1a

Àwọn ojú ilẹ̀ gíga:
#111525
#131722
#1a2032

Wúrà onípele àkọ́kọ́:
#e8b84b

Àmì wúrà:
#f5d07a

Ijinle wura:
#9b6d18

Àkọ́kọ́ ọ̀rọ̀:
#e8eaf2

Funfun funfun to lagbara:
#f6f4eb

Ọ̀rọ̀ kejì:
#8b93b5

Rere:
#34d399

Àṣìṣe tí kò dára/àṣìṣe nìkan níbi tí ìtumọ̀ ọ̀rọ̀ bá ṣe pàtàkì:
#f87171

Ìtẹ̀wé:
Àfikún Jakarta Sans

Àwọn nọ́mbà / iye owó níbi tí ó bá yẹ:
JetBrains Mono

Lo àmì ọ̀rọ̀ Taxtello àti/tàbí àmì Taxtello gidi.
Má ṣe tún ya àwòrán tàbí kí o sún mọ́ àmì ìdámọ̀ náà.

Wúrà Taxtello yẹ kí ó dà bí ohùn iyebíye, kì í ṣe ìkún omi UI aláwọ̀ ewé.

Ronú nípa rẹ̀:
irin dúdú
Wúrà gbígbóná
gilasi
ínkì
ìṣe deedee
ìgbẹ́kẹ̀lé tí ó dákẹ́jẹ́ẹ́

KÌ Í ṢE:
cyberpunk
crypto
neon
ere
aláwọ̀ elése àlùkò gbogbogbò AI
Àwọn ìpele òṣùmàrè

─...
Àwọn Òfin Ìṣẹ̀dá Pàtàkì
─...

Tẹle awọn ofin wọnyi laisi irora:

1. ÌGBÀ KAN = ÈRÒ KAN.

2. Gbogbo ìṣẹ̀lẹ̀ nílò ààyè láti mí.

3. UI ọjà náà ni akọni náà.

4. Má ṣe fi àdàkọ àlàyé síta níbi gbogbo.

5. Má ṣe lo àwọn gígé líle àyàfi tí ìdí kan bá wà.

6. Fẹ́ràn àwọn ìyípadà tí ohun kan ń darí:
káàdì kan di káàdì tó tẹ̀lé e,
ìlà àtẹ kan di asopọ̀,
ìwé ẹ̀rí ìsanwó di ìforúkọsílẹ̀,
nọ́mbà kan di ohun èlò ìfọwọ́sowọ́pọ̀ mìíràn,
kamẹra naa n gbe nipasẹ ọja naa.

7. Lo ìtura tó ga jùlọ.
Kò sí ìṣípo tí ó wà ní ìlà.

8. Ìṣípo yẹ kí ó jọra nípa ti ara rẹ̀.
Àwọn ohun èlò kò gbọdọ̀ bẹ̀rẹ̀ tàbí dúró ní fírẹ́mù kan náà.

9. Lo ijinle diẹ:
ojú ìwòye,
parallax rirọ,
iwọn,
Ìyàtọ̀ iwájú/àti ẹ̀yìn,
Ijinle ti a ṣakoso ti aaye ti o ba ṣeeṣe.

10. Kò sí ipa kankan nítorí pé ó dàbí ẹni tó dára.

11. Kò sí àwúrúju pàtákì.

12. Kò sí àwọ̀ gíláàsì èké níbi gbogbo.

13. Kò sí ìfọ́jú tó pọ̀ jù.

14. Kò sí àwọn káàdì 3D tí kò ní èrè kankan.

15. Kò sí ìfọ́mọ́ra nígbà gbogbo.

16. Ko si awọn aṣa ere idaraya 20 oriṣiriṣi.

17. Kò sí UI tí ó ń fò sókè.

18. Kò sí ìpínrọ̀ ọjà ńlá kan.

19. Má ṣe fara wé àwòrán ìtajà Apple kan pàtó.
Gba imoye ati didara iṣelọpọ dipo.

Ìgbẹ́kẹ̀lé ojú gbọ́dọ̀ wá láti ìdènà.

─...
ÌWÉ ÌṢẸ̀LẸ̀
─...

Olùkọ́ni àkọ́kọ́:

1920 × 1080
60 fps
16:9
H.264
àkókò tó pọ̀ jùlọ: 15.0 ìṣẹ́jú-àáyá

Àkókò ìṣiṣẹ́ àfojúsùn:
nǹkan bí ìṣẹ́jú-àáyá 14.0–15.0.

Ó gbọ́dọ̀ ṣiṣẹ́ gẹ́gẹ́ bí ìfihàn ọjà ìbánisọ̀rọ̀ àwùjọ, kódà láìsí ohùn.

Tí ó bá wúlò LẸ́YÌN tí ọ̀gá náà bá ti parí, tún ṣẹ̀dá àtúnṣe àtúnṣe kan
iyatọ inaro/awujọ.

Má ṣe kàn ṣe àkójọpọ̀ kọ̀ǹpútà lásán.

Ṣugbọn oluwa tabili ni pataki julọ.

─...
Ìtàn / Ìrònú Ẹ̀dùn-ọkàn
─...

Má ṣe ṣe àkójọ àwọn ohun márùn-ún nínú èyí.

Ó yẹ kí ó dàbí èrò kan tí ó ń bá a lọ:

Ìdàrúdàpọ̀ → Ìṣàkóso → Ìmọ́lẹ̀ → TAXTELLO

Àwọn ìṣẹ́jú-àáyá 1.5 àkọ́kọ́ gbọ́dọ̀ ti rí bíi ti èrè.

Akoko ọja ti o ni itumọ akọkọ yẹ ki o ṣẹlẹ ni ~ awọn aaya meji.

Kò sí ìfìhàn àmì ìṣẹ́jú-àáyá márùn-ún.

Itọsọna itan ti o ṣeeṣe:

"Ohun gbogbo nípa iṣẹ́ rẹ, nígbẹ̀yìn gbẹ́yín ní ibi kan."

Ṣùgbọ́n fi èyí hàn dípò kí o ṣàlàyé rẹ̀.

Mo fẹ́ àwọn èrò ìríran mẹ́rin nínú gbogbo fíìmù náà.

Lo awọn oju ilẹ REAL Taxtello ti o lagbara julọ ti o rii ni ibi ipamọ naa.

Awọn oludije to lagbara pẹlu:

• Finanzcockpit / Dásíbọ̀dù
• Àtúnṣe
• Belege
• Báńkì / ìbáramu
• Steuergesundheit / -ori Akopọ

O KO nilo lati fi gbogbo wọn han.

Yan apapo ti o lagbara julọ ti oju.

─...
ÀWỌN ÌTÀN ÌṢẸ́JÚ 15 TÍ A DÁBÀBÒ
─...

Wo èyí gẹ́gẹ́ bí ibi tí ó lágbára láti bẹ̀rẹ̀, kìí ṣe àpẹẹrẹ líle koko.

0.00 – 1.20

DÚDÙ / Ọ̀gágun.

Ìmọ́lẹ̀ kékeré kan tí ó gbóná tí ó sì ní wúrà farahàn.

Ìmọ́lẹ̀ náà fi àmì Taxtello tàbí apá kan nínú rẹ̀ hàn lọ́nà tó dára gan-an
àmì ọ̀rọ̀.

Kò sí àmì gbogbogbò tí ó máa ń parẹ́.

Ronú nípa ìṣedéédé tí a fi ẹ̀rọ ṣe.

Kámẹ́rà náà máa ń rìn kọjá tàbí kọjá àmì náà, UI náà sì máa ń bẹ̀rẹ̀ sí í yọ láti inú rẹ̀.

Díẹ̀ tàbí kò sí ẹ̀dà kankan.

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

1.20 – 4.40

ÌṢÀKÓSO ÌṢÒWÒ.

Ṣàfihàn Taxtello Cockpit gidi gẹ́gẹ́ bí ojú ọjà oníwọ̀n.

Kìí ṣe àwòrán ìbòjú tí a gbé sórí ìbòjú nìkan.

Ṣe àtúnkọ́/gbígbin/fọ́lẹ̀ kí àwọn agbègbè ìfọwọ́sowọ́pọ̀ kọ̀ọ̀kan lè jẹ́ kí ó ní ìfarahàn.

Nọmba owo akọni naa yanju ni kiakia.
Àtẹ náà fa wọlé.
Àwọn ìwọ̀n tí ó ń ṣe àtìlẹ́yìn yóò parí díẹ̀ lẹ́yìn náà.

Lo ìfọ́tò díẹ̀díẹ̀.

Ìlà kan ṣoṣo tí a fi dáakọ lè hàn, fún àpẹẹrẹ:

“Gbogbo mi ni Blick.”

tàbí gbólóhùn èdè Jámánì kúkúrú mìíràn tí ó bá jẹ́ pé o rí ohun tó bá ọ mu jù bẹ́ẹ̀ lọ.

Àkókò tó pọ̀jù ~3–4 ọ̀rọ̀.

Ìfọwọ́sowọ́pọ̀ náà gbọ́dọ̀ jẹ́ èyí tí a lè mọ̀ gẹ́gẹ́ bí ọjà gidi.

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

4.40 – 7.50

ÌYÍPADÀ ÌWÉ/ÌWÉ ÌṢÍPADÀ.

Lo ohun tí a lè rí láti ibi tí ó ti ṣẹlẹ̀ tẹ́lẹ̀ gẹ́gẹ́ bí ìyípadà.

Àpẹẹrẹ:

Àmì àtẹ wúrà kan fẹ̀ sí igun ìwé ẹ̀rí ìsanwó/káàdì kan.
Kámẹ́rà náà ń tẹ̀lé e.
Ìwé ẹ̀rí ìsanwó/ìwé kan wọlé.
Taxtello ló ń dá a mọ̀ tàbí tó ń ṣètò rẹ̀.
Ìwé náà wọ inú àkọsílẹ̀ ìforúkọsílẹ̀/ìnáwó rẹ̀ lọ́nà tó dára.

Lo ìtòlẹ́sẹẹsẹ oofa ati ìṣe deedee.

Kò sí ẹ̀rọ ìwádìí oníṣẹ́ mànàmáná.

Kò sí ìjì líle ìwé tí ó ń léfòó.

Àwòkọ kékeré tó ṣeé ṣe:

“Ó rọrùn. Ó rọrùn.”

Kìkì tí ó bá mú kí ipò náà sunwọ̀n síi.

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

7.50 – 10.70

OWO / AWỌN IWE IWE IWE.

Dídára tàbí ìyípadà nípa ti ara sí ojú-ọ̀nà Rechnungen gidi.

Lo akoko kan to lagbara:

iyipada ninu ipo iwe-owo,
isanwo kan pinnu,
iye kan gbe si ipo,
tàbí àkójọpọ̀ náà kó ara rẹ̀ jọ.

Àwọn nọ́mbà yẹ kí ó ní ìfọwọ́kàn àti kedere.

Lo JetBrains Mono níbi tí èyí bá ọjà gidi mu.

Wúrà ṣe afihan ipo ti nṣiṣe lọwọ.

A lo alawọ ewe fun ipo itumọ rere gidi kan.

Ẹ̀dà tó ṣeéṣe:

“Ọmọdé. Èmi ni Griff.”

Lẹẹkansi: aṣayan ati kukuru pupọ.

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

10.70 – 12.80

Owó-orí / Ìmọ́lẹ̀.

Ìyípadà sí ojú ìtọ́sọ́nà ìlera owó-orí/ìnáwó gidi Taxtello.

Má ṣe sọ pé Taxtello fi ọgbọ́n ṣe ìdánilójú owó orí tó tọ́.

Ṣe ìbánisọ̀rọ̀ nípa ìríran àti ìṣàkóso.

Àpẹẹrẹ:

ọ̀pọ̀lọpọ̀ àwọn àmì ariwo máa ń wó lulẹ̀ sí àkópọ̀ owó orí tí ó dákẹ́ jẹ́ẹ́, tí a ṣètò.

Ẹ̀dà tó ṣeéṣe:

“Steuern im Blick.”

Ìran yìí yẹ kí ó jẹ́ kí ó balẹ̀ ju ti ìṣáájú lọ.

Ìlù náà dínkù díẹ̀.

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

12.80 – 15.00

ISANWO ORÍṢÌṢẸ́.

Fa kamẹra naa jade.

UI naa n so tabi dipọ sinu ohun/oju ọja Taxtello ti o lẹwa kan.

Òkùnkùn padà wá yí i ká.

Àmì ọ̀rọ̀ wúrà Taxtello ló yanjú.

Ìlà àmì-ìdámọ̀ràn kúkúrú kan ní ìsàlẹ̀.

Ṣawari awọn ila ipari to lagbara gẹgẹbi:

“Iṣowo Dein. Klar.”

"Buchhaltung. Unter Kontrolle."

"Einfach mehr Überblick."

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

Yan da lori ipo ọja gangan ti o rii ninu ibi ipamọ naa.

Má ṣe lo ìlà kan nítorí pé mo dámọ̀ràn rẹ̀.

Férémù ìkẹyìn gbọ́dọ̀ ní ìdákẹ́jẹ́ẹ́ tó láti fi sílẹ̀.

Pari pẹlu igboya.

Kò sí CTA ńlá tó ń fò sókè.

─...
Àwọn ìyípadà
─...

Èyí jẹ́ ọ̀kan lára àwọn ẹ̀yà tó ṣe pàtàkì jùlọ.

Mo fẹ́ àwọn ìyípadà tí yóò mú kí olùwòran ronú:

“Dájúdájú ìran tó tẹ̀lé e yìí ló wá.”

O dara:

ìlà àtẹ → etí ìwé
ìşì wúrà → bọ́tìnì ìwé-ìsanwó
nọ́mbà ìṣúná owó → iye nínú ìwé ìsanwó
eti kaadi → oju ti o tẹle
ohun elo wiwo titari kamẹra nipasẹ
geometry ti a pin
ifihan iboju nipa lilo awọn apẹrẹ ọja gidi

Burúkú:

ìdàpọ̀
nu nu laileto
ìyípadà yíyípo
aṣiṣe
lu pan ní gbogbo ìṣẹ́jú-àáyá méjì
SaaS gbogbogbòò - ifaworanhan apa osi
àwúrúju-súnmọ́-blur

A gba laaye lati ge awọn gige taara nikan nigbati ipa ti o mọọmọ ba ṣe anfani fun fiimu naa.

─...
Ìṣípo
─...

Ìṣíṣẹ́ nílò ìwúwo.

Lo awọn ìlà tí ó jọra sí:

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

níbi tí ó bá yẹ.

Àwọn ohun tó yàtọ̀ síra yẹ kí ó ní àkókò dídé tó yàtọ̀ díẹ̀.

Fẹ́ràn:

ifojusọna
ju iwọn lọ ni isalẹ ~ 2%
ìtẹ́síwájú
itesiwaju išipopada
iyara ti a pin laarin awọn iṣẹlẹ

Yẹra fún ìrísí eré oníṣeré.

Ìṣíkiri kámẹ́rà yẹ kí ó dà bí àwòrán ọjà macro gíga.

Fojuinu pe a n ya aworan ohun elo ti ara ẹni paapaa bi o tilẹ jẹ sọfitiwia.

─...
Ìmọ́lẹ̀ / Ohun èlò
─...

Lo ìmọ́lẹ̀ àyíká tí kò fi bẹ́ẹ̀ wọ́pọ̀.

Awọn itọju ti o ṣeeṣe:

• ìmọ́lẹ̀ rim wúrà rírọrùn
• ìfàsẹ́yìn ojú omi dúdú
• ìtànná àyíká tí kò lágbára
• àmì ìṣàfihàn onírẹ̀lẹ̀ tí ń kọjá lórí ojú kan
• àwòrán onípele tí a dè mọ́lẹ̀
• ọkà kékeré tí ó bá ń ranni lọ́wọ́

Jẹ́ kí ìfọwọ́sowọ́pọ̀ náà wà ní mímọ́.

MÁ ṢE da ohun èlò náà rú kí ó lè dàbí fíìmù.

Kò sí àwọn àwọ̀ ìtànṣán ẹlẹ́wà tí ó ń ba kí a lè kà jẹ́.

─...
ÌWÉ ÌWÉ ÌWÉ ÌWÉ
─...

Lo ẹ̀dà díẹ̀.

Kò sí gbólóhùn tó yẹ kó bá ọjà náà díje.

Àwọn àkọlé gbọ́dọ̀ wà lórí ìlà kan.

Lo Plus Jakarta Sans.

Ìtẹ̀wé tó lágbára lè máa pọ̀ gan-an nígbà míì kí ó sì di ìyípadà
ẹ̀rọ fúnra rẹ̀.

Yẹra fún ìwà ìgbésẹ̀ gbogbogbòò níbi tí gbogbo ọ̀rọ̀ ti ń gbéni ró lọ́tọ̀ọ̀tọ̀.

Ìtẹ̀wé yẹ kí ó gbéra gẹ́gẹ́ bí àwọn ohun tí a ṣe àgbékalẹ̀ rẹ̀.

─...
Ohùn / RHYTHM
─...

Ṣe apẹẹrẹ išipopada naa bi ẹni pe a ge e si bii 115–120 BPM:
tó dára, tó jẹ́ ti ẹ̀dá, tó ní ìmọ̀, kì í ṣe onígboyà.

Àwọn àkókò pàtàkì yẹ kí ó dé orí orin.

Èdè ohùn tí a dámọ̀ràn:

• ipa rirọ kekere fun ifihan pataki
• àwọn ìtẹ̀ UI tí a fi ọwọ́ mú tí a dínkù
• àmì ìró ohùn onírin/gilasi díẹ̀
• ìṣípo onírẹ̀lẹ̀ nígbà tí a bá ń yí àwọn ìyípadà kámẹ́rà padà
• ohun orin ti o yangan ni isanwo aami

Yẹra fún:

• ariwo tirela sinima nla
• Àwọn ohun èlò ìdìde EDM
• ariwo ariwo ni gbogbo ibi
• awọn ohun “isopọmọ imọ-ẹrọ” iṣura
• ìlù rap
• baasi oníjàgídíjàgan

Tí kò bá sí ohun èlò orin/ohun tó ní ààbò lábẹ́ òfin nínú iṣẹ́ náà, MÁ ṢE fa fáfá
ohùn tí a fi ẹ̀tọ́ àdáwò kọ láti inú ìkànnì ayélujára.

Fi oluwa wiwo lelẹ laisi orin ti o ni aṣẹ-lori ki o ṣẹda ifihan kukuru kan
ìwé tí ó ń ṣàlàyé ibi tí orin/SFX yẹ kí ó dé.

Tí ohùn tó yẹ bá wà ní ààbò/àdúgbò, lò ó.

─...
Ọjà gidi nìkan
─...

Èyí ṣe pàtàkì.

Ṣe ayẹwo ipilẹ akọkọ lọwọlọwọ.

Má ṣe ṣe àwọn ìbòjú.

Má ṣe ṣe àwọn ìwọ̀n tí ó túmọ̀ sí ìwífún oníbàárà gidi.

Lo awọn iye ti o han gbangba ti o ba jẹ dandan fun lilo.

Má ṣe fi àìròtẹ́lẹ̀ hàn ẹnikẹ́ni nípa ìwífún nípa ara ẹni, ẹni tí ó ń ṣe ìdánwò tàbí ẹni tí ó ń ṣe iṣẹ́ náà.

Tun lo eto wiwo ti UI Taxtello gangan.

Tí ó bá yẹ kí a yà ibojú kan sọ́tọ̀ kúrò nínú ìṣípo, tún un ṣe pẹ̀lú òtítọ́ nínú React from
eto apẹrẹ gidi dipo ki o kan ṣe iwọn iboju nla kan.

Àbájáde náà yẹ kí ó ṣì dàbí Taxtello láìsí àṣìṣe.

─...
ÀWỌN ÌRÈTÍ ÌṢẸ̀ṢẸ
─...

Ṣiṣẹ taara ni:

/taxtello/beta-motion

Ṣẹ̀dá àkójọpọ̀ tuntun pẹ̀lú èyí tó wà tẹ́lẹ̀.

Jẹ́ kí àwọn àkójọpọ̀ tó wà tẹ́lẹ̀ máa ṣiṣẹ́.

Ṣe àgbékalẹ̀ iṣẹ́ tuntun náà ní mímọ́ tónítóní.

Fẹ awọn ohun elo ipilẹ ti o le tun lo fun:

• ojú kámẹ́rà
• fireemu ọjà
• àwọn ìyípadà tí a fi bò mọ́lẹ̀
• ìfihàn ọ̀rọ̀
• Agbègbè UI ti fihàn
• ìmọ́lẹ̀ àyíká
• awọn iyipada ohun-ini ti a pin

Yẹra fún ohun èlò kan tí ó ní ìlà 1,500.

Lo ìfarahàn Remotion tí a pinnu nípa fírẹ́mù/àkókò.

Ko si setTimeout.
Kò sí àwọn ohun ìṣẹ̀dá tí kò ní ìpìlẹ̀.

Bọwọ fun 60 fps jakejado.

Lo interpolation/spring/easing mọọmọ.

─...
MÁ ṢE DÚRÓ LẸ́YÌN ÌṢE ÀKỌ́KỌ́
─...

Iṣẹ́ àwòran ni èyí.

O GBỌDỌ ṣe atunyẹwo abajade ti a ṣe gangan.

Iṣẹ ṣiṣe ti o nilo:

1. Ṣe àyẹ̀wò ibi ìkópamọ́ àti àmì/ọjà gidi.

2. Kọ ìtàn kúkúrú kan pẹ̀lú:
- awọn ami akoko gangan
- wiwo bọtini
- ọgbọn iyipada
- daakọ
- ìró ìmọ̀lára tí a pinnu

3. Ṣe é.

4. Ṣíṣe àyẹ̀wò typecheck/àwọn àyẹ̀wò tó yẹ.

5. Ṣe àwọn férémù tó dúró fún ara wọn ní ìwọ̀n:
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. ṢE ÀWÒRÁN NÍNÚ ÀWÒRÁN NÍNÚ RÍRÍ.

Má ṣe jẹ́ kí ó dá ọ lójú pé ìkọ̀wé náà ṣe àṣeyọrí.

Beere:

Ṣé èyí dàbí fíìmù ọjà Apple-tier?

Ǹjẹ́ ohunkóhun dà bí àwòṣe?

Ṣé ohun tó pọ̀ jù ló wà lórí ìbòjú?

Ṣé ọjà náà ṣeé kà?

Ǹjẹ́ àwọn ìyípadà ní ìsopọ̀ pẹ̀lú ọgbọ́n?

Ṣé wúrà Taxtello rí bí ẹni pé ó ní ìtẹ́lọ́rùn?

Ṣé gbogbo fírémù náà dà bí èyí tí a ṣe?

7. Ṣe àtúnṣe àwọn àìlera ojú.

8. Ṣe gbogbo fíìmù náà.

9. Ṣe àyẹ̀wò ọ̀pọ̀lọpọ̀ àwọn férémù tí a ti yí padà láti inú MP4 ìkẹyìn, kìí ṣe ẹ̀rọ aṣàwárí nìkan
àwọn àwòrán ojú-ìwòrán.

10. Tún ṣe é lẹ́ẹ̀kan síi tí ó bá pọndandan.

Má ṣe kéde àṣeyọrí nítorí pé kódì náà ló ń kó jọ.

FÍÍMÙ ni èyí tí a fi ránṣẹ́.

─...
Ọpá Dídára
─...

Kọ abajade tirẹ silẹ ti o ba dabi pe:

• awoṣe SaaS kan
• àwòrán PowerPoint kan
• gbigbasilẹ oju opo wẹẹbu kan
• àfihàn Remotion gbogbogbò kan
• ìpolówó crypto kan
• àwòṣe ìpolówó tí AI ṣe
• àwọn àwòrán ìṣàfihàn márùn-ún tí ń yípo kiri
• àwòkọ títà ọjà tó pọ̀ jù

Gbogbo fírẹ́mù pàtàkì gbọ́dọ̀ dára tó láti lò gẹ́gẹ́ bí ìpolówó tí ó dúró ṣinṣin.

Mo fẹ́ kí ó jẹ́:

Awọn akoko wiwo alailẹgbẹ mẹta

ju

Àwọn ohun ìṣẹ̀dá 10 tí ó jẹ́ ti àwọn ẹ̀yà ara tí kò dọ́gba.

─...
Àwọn ohun tí a fi ránṣẹ́ ní ìkẹ́yìn
─...

Pese:

1. Àkójọ ìtàn ìkẹyìn
2. Orísun àkójọpọ̀ Remotion tuntun
3. 1920×1080 / 60fps MP4 ìkẹyìn
4. Àwòrán ìfìwéránṣẹ́/ìparí
5. Ìwé ìbánisọ̀rọ̀ pẹ̀lú àwọn férémù aṣojú láti inú fíìmù náà
6. Àkókò ìṣiṣẹ́ gangan
7. Àkójọ àwọn ohun ìní/ìbòjú Taxtello gidi tí a lò
8. Àlàyé kúkúrú nípa èdè ìṣípo náà
9. Àwọn ìbàjẹ́ ojú tó bá kù
10. Àwọn àṣẹ láti tún àtúnṣe àtúnṣe àtúnṣe náà

Fipamọ́ àwọn ohun tí a kọ sílẹ̀ nínú ìwé àkójọ tí a dárúkọ rẹ̀ kedere bíi:

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

Má ṣe gbé ohunkóhun kalẹ̀.
Má ṣe yí àwọn ìṣẹ̀dá padà.
Má ṣe da ohunkóhun pọ̀.

Ẹ lo gbogbo agbára yín láti ṣe nǹkan, ṣùgbọ́n ẹ lo ìkóra-ẹni-níjàánu.

Jẹ́ kí Taxtello rí bíi pé ó gbowólórí.

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.

Àṣẹ tí a mú láti ifiweranṣẹ @daniel_haida.