Fim ɗin app na lissafin kuɗi na Taxtello

Kai ne babban mai tsara motsi, mai tsara samfura kuma injiniyan Remotion na Taxtello.

Aikin ku shine ƙirƙirar fim ɗin samfurin Apple mai inganci da inganci don Taxtello.

Wannan BA wani bayani na SaaS bane na gama gari.
Wannan BA wani tsari bane na musamman.
Wannan BA zane-zanen samfurin farawa bane.

Ina son a sami samfurin/samfurin da zai yi aiki na tsawon daƙiƙa 15 wanda zai sa Taxtello ya yi kama da samfurin kuɗi mai girma, mai tsada, kuma mai kyau.

Ka yi tunani:

Fim ɗin ƙaddamar da samfurin Apple
× fintech mai daraja
× Tsarin motsi na edita
× Gabatarwar samfurin da aka ɗaure kamar Stripe
× Asalin gani na Taxtello

Abin da ake so shine:

"Jira, wannan manhajar lissafin Jamusanci ce?"

Fim ɗin ya kamata ya yi tsada.

─...
REPO / TUSHEN GASKIYA
─...

Da farko duba ainihin ma'ajiyar kayan kafin tsara komai.

Babban samfurin:
/taxtello/babban

Aikin Remotion da ke Akwai:
/taxtello/beta-motion

Muhimman hanyoyin samun samfuran asali:

/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

Ana iya samun hotunan kariyar kwamfuta na samfurin da ke akwai a ƙarƙashin:

/taxtello/babban/kayan tarihi/smoke-ui-smoke/

Fi son sabbin hotunan allo/tushen yanzu masu inganci fiye da tsoffin kayan tarihi.

Akwai wani zane mai Remotion 24 da ke akwai a cikin
/taxtello/beta-motion.

KAR KA maye gurbinsa.
KAR KA JA DA baya.
KADA a tilasta labarin haɗin gwiwar AI na yanzu ya shiga cikin wannan sabon fim ɗin.

Ƙirƙiri sabon tsari mai zaman kansa don wannan aikin, misali

TaxtelloShowreel15

Za ka iya sake amfani da kayan aiki masu kyau, fonts, kayan aikin fassara, kayan aikin motsi,
sauƙaƙa lanƙwasa, ɗaukar kadarori da kuma kayayyakin QA daga beta-motion inda suke da amfani.

Amma a fannin ƙirƙira, wannan ya kamata ya zama sabon fim.

Kafin aiwatarwa, duba ainihin Taxtello UI kuma ku fahimci samfurin.

Kada ka ƙirƙiri ayyukan da babu su.

─...
HARSHEN TAXTELLO NA GASKE
─...

Yi amfani da tsarin ƙira na gaske.

Babban fale-falen:

Bayani:
#0c0f1a

Saman da aka ɗaga:
#111525
#131722
#1a2032

Babban alamar zinare:
#e8b84b

Haskakawar Zinare:
#f5d07a

Zurfin Zinare:
#9b6d18

Babban rubutu:
#e8eaf2

Fari mai ɗumi mai ƙarfi:
#f6f4eb

Rubutu na biyu:
#8b93b5

Mai kyau:
#34d399

Kuskure/mara kyau kawai inda ake buƙatar ma'ana:
#f87171

Rubutun rubutu:
Kuma Jakarta Sans

Lambobi / ƙimar kuɗi inda ya dace:
JetBrains Mono

Yi amfani da ainihin alamar kalmomin Taxtello da/ko alamar Taxtello.
Kada a sake zana ko kuma a yi kiyasin tambarin.

Zinariyar Taxtello ya kamata ta ji kamar wani lafazi mai daraja, ba kamar ambaliyar UI mai launin rawaya ba.

Ka yi tunani:
ƙarfe mai duhu
zinare mai dumi
gilashi
tawadar
daidaito
kwanciyar hankali

BA:
cyberpunk
crypto
neon
wasan kwaikwayo
launin shuɗi na AI na gama gari
bakan gizo masu launin ruwan kasa

─...
DOKOKIN KIRKIRO NA MUHIMMANCI
─...

Bi waɗannan dokoki da ƙarfi:

1. HARBI ƊAYA = RA'AYI ƊAYA.

2. Kowane yanayi yana buƙatar sarari don numfashi.

3. UI ɗin samfurin shine gwarzo.

4. Kada a yi amfani da faci wajen bayyanawa ko'ina.

5. Kada a yi amfani da yankewa mai tauri sai dai idan akwai dalili da gangan.

6. Fi son sauye-sauyen da ke da alaƙa da abu:
kati ya zama kati na gaba,
Layin ginshiƙi ya zama mahaɗi,
rasidi ya zama yin booking,
lamba ta zama wani abu na musamman,
kyamarar tana motsawa ta cikin samfurin.

7. Yi amfani da ingantaccen sauƙi.
Babu motsi na layi.

8. Motsi ya kamata ya yi karo da juna ta halitta.
Bai kamata abubuwa su fara da tsayawa a daidai firam ɗaya ba.

9. Yi amfani da zurfin da ya dace:
hangen nesa,
parallax mai laushi,
sikelin,
rabuwar gaba/bayan gida,
zurfin filin da aka sarrafa idan za a iya cimma shi.

10. Babu wani tasiri da ke akwai kawai saboda yana da kyau.

11. Babu spam na barbashi.

12. Babu wani salon gilashi na bogi a ko'ina.

13. Babu wani abu mai yawa da zai iya ɓata maka rai.

14. Babu katunan juyawa na 3D marasa amfani.

15. Babu zuƙowa akai-akai.

16. Babu nau'ikan zane-zane iri-iri guda 20.

17. Babu UI mai tsalle.

18. Babu wani babban sakin layi na tallatawa.

19. Kada ka yi koyi da wani takamaiman hoton tallan Apple.
Kama falsafar da ingancin samarwa maimakon haka.

Ya kamata kwarin gwiwar gani ta fito ne daga kamewa.

─...
Tsarin tsari
─...

Babban malami:

1920 × 1080
60 fps
16:9
H.264
matsakaicin tsawon lokaci: daƙiƙa 15.0

Lokacin aiki mai niyya:
kimanin daƙiƙa 14.0–15.0.

Dole ne ya yi aiki a matsayin samfurin tallan kafofin watsa labarun koda ba tare da sauti ba.

Idan aiki BAYAN an gama aikin master ɗin, sannan a ƙirƙiri wani tsari da aka sake tsara shi da gangan.
Bambancin tsaye/na zamantakewa.

Kada ka yi amfani da kayan aikin tebur kawai.

Amma babban mai kula da tebur shine fifiko.

─...
LABARI / BANGARORIN SOYAYYAKI
─...

Kada ka sanya wannan jerin abubuwa guda biyar.

Ya kamata ya ji kamar tunani ɗaya mai ci gaba:

RUƊI → SARRAFA → BAYYANA → TAXTELLO

Daƙiƙa 1.5 na farko dole ne ya riga ya yi kama da na musamman.

Lokacin farko mai ma'ana na samfurin ya kamata ya faru da ~ daƙiƙa 2.

Babu gabatarwar tambari na daƙiƙa biyar.

Hanyar da za a iya bi wajen ba da labari:

"Komai game da kasuwancinka, a ƙarshe a wuri ɗaya."

Amma NUNA wannan maimakon yin bayani.

Ina son kimanin ra'ayoyi huɗu na gani a cikin dukkan fim ɗin.

Yi amfani da mafi ƙarfi saman REAL Taxtello da ka samu a cikin ma'ajiyar.

Manyan 'yan takara sun haɗa da:

• Finanzcockpit / Dashboard
• Sake yin rijista
• Belege
• Banki / daidaitawa
• Bayanin haraji Steuergesundheit

Ba sai ka nuna dukkan su ba.

Zaɓi haɗin da ya fi ƙarfi a gani.

─...
Allon Labarai na Daƙiƙa 15 da Aka Ba da Shawara
─...

Ka ɗauki wannan a matsayin wurin farawa mai ƙarfi, ba tsari mai tsauri ba.

0.00 – 1.20

BAƘI / NAVY.

Ƙaramin walƙiya mai launin zinare mai ɗumi ya bayyana.

Hasken yana bayyana alamar Taxtello ko kuma wani ɓangare na
alamar kalmomi.

Babu tambarin gama gari da ke ɓacewa.

Ka yi tunanin daidaiton injina.

Kyamarar tana motsawa ta cikin ko ta wuce alamar kuma UI ɗin zai fara fitowa daga gare ta.

Kwafi kaɗan ne ko babu.

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

1.20 – 4.40

SARRAFA KUDI.

Bayyana ainihin Taxtello Cockpit a matsayin babban samfurin.

Ba wai kawai hoton allo da aka sanya a kan allo ba.

Sake ginawa/girka/tsaftace shi don yankunan da ke hulɗa da juna su iya rayar da shi.

Lambar kuɗin gwarzon ta bayyana da kyau.
Jadawalin yana shiga.
Ma'aunin tallafi zai daidaita kaɗan daga baya.

Yi amfani da ɗan ƙaramin ƙaramin cokali.

Layi ɗaya na kwafi zai iya bayyana, misali:

"Duk abin da ke cikin Blick."

ko kuma wata gajeriyar jumlar Jamusanci idan ka ga wani abu mafi dacewa.

Matsakaicin ~ kalmomi 3–4.

Dole ne a iya gane hanyar sadarwa a matsayin ainihin samfurin.

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

4.40 – 7.50

CANJIN TAKARDA / CANJIN LITTAFAI.

Yi amfani da abin gani daga wurin da ya gabata a matsayin canjin.

Misali:

Ma'aunin jadawalin zinare yana faɗaɗa zuwa kusurwar rasit/katin.
Kyamarar tana bin sa.
Rasidi/takarda ta shiga.
Taxtello yana gano ko tsara shi.
Takardar ta yi kyau sosai a cikin tarihin rajistar kuɗi/kuɗin da ta dace.

Yi amfani da daidaitawar maganadisu da daidaito.

Babu na'urar daukar hoto ta laser mai laushi.

Babu guguwar takarda mai iyo.

Mai yiwuwa micro-copy:

"Kwarewa. Ƙarfin hali."

Sai dai idan ya inganta yanayin.

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

7.50 – 10.70

KUDI / RASITIN KUDI.

Tsarin ko canzawa ta halitta zuwa ainihin hanyar haɗin Rechnungen.

Yi amfani da lokaci mai ƙarfi:

canjin yanayin lissafin kuɗi,
biyan kuɗi yana warwarewa,
wani adadi yana motsawa zuwa wurinsa,
ko kuma bayanin ya taru kansa.

Ya kamata lambobi su ji kamar suna da taushi da daidaito.

Yi amfani da JetBrains Mono inda wannan ya dace da ainihin samfurin.

Zinariya tana nuna yanayin aiki.

Ana amfani da kore ne kawai don yanayin ma'ana mai kyau.

Kwafin da zai yiwu:

"Mai girma. Ni mai girman kai ne."

Kuma: zaɓi ne kuma gajere sosai.

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

10.70 – 12.80

HARAJI / BAYYANA.

Canjawa zuwa ainihin tsarin kula da haraji/kuɗi na Taxtello.

Kada ka yi iƙirarin cewa Taxtello yana tabbatar da haraji daidai.

Sadarwa da ganuwa da iko.

Misali:

Alamu masu hayaniya da yawa sun ruguje zuwa cikin taƙaitaccen bayani guda ɗaya na haraji mai natsuwa da tsari.

Kwafin da zai yiwu:

"Steuern ina Blick."

Ya kamata wannan yanayin ya fi natsuwa fiye da yanayin da ya gabata.

Katin yana raguwa kaɗan.

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

12.80 – 15.00

BIYAYYA GA ALAMAR.

Ja kyamarar waje.

UI ɗin yana matsewa ko naɗewa zuwa wani kyakkyawan abu/fuska na samfurin Taxtello.

Duhu ya dawo a kusa da shi.

Alamar kalmomin zinariya ta Taxtello tana warwarewa.

Layin alama guda ɗaya a ƙasa.

Bincika layukan ƙarshe masu ƙarfi kamar:

"Kasuwancin Dein. Klar."

"Buchhaltung. Unter Kontrolle."

"Einfach mehr Überblick."

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

Zaɓi bisa ga ainihin wurin da samfurin da kuka samu a cikin wurin ajiyar.

Kada ka yi amfani da layi kawai saboda na ba da shawarar hakan.

Dole ne firam ɗin ƙarshe ya sami isasshen shiru don yin rijista.

Kare da amincewa.

Babu babban CTA mai tsalle.

─...
CANJE-CANJE
─...

Wannan yana ɗaya daga cikin muhimman sassa.

Ina son sauye-sauyen da ke sa mai kallo ya yi tunani:

"Tabbas wannan yanayi na gaba ya fito ne daga hakan."

Mai kyau:

layin ginshiƙi → gefen takarda
kwaya ta zinare → maɓallin takardar kuɗi
lambar kuɗi → adadin da ke cikin takardar kuɗi
gefen kati → saman gaba
kayan aikin turawa ta hanyar kyamara
tsarin lissafi da aka raba
bayyana abin rufe fuska ta amfani da ainihin siffofi na samfura

Mummunan:

fade
gogewar bazuwar
sauyin juyawa
matsala
bulala-buɗe-buɗe a kowane daƙiƙa biyu
SaaS na gama gari zamewa-hagu
spam ɗin zuƙowa-blur

Ana ba da izinin yankewa kai tsaye ne kawai idan tasirin da aka yi da gangan ya amfanar da fim ɗin.

─...
MOTSI
─...

Motsi yana buƙatar nauyi.

Yi amfani da lanƙwasa masu kama da:

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

inda ya dace.

Ya kamata abubuwa daban-daban su sami lokutan isowa daban-daban.

Fi son:

tsammani
wuce gona da iri a ƙasa da ~2%
kammala
ci gaba da motsi
saurin da aka raba tsakanin al'amuran

Guji yin zane mai ban dariya.

Ya kamata motsin kyamara ya ji kamar ɗaukar samfurin macro mai inganci.

Ka yi tunanin muna ɗaukar wani abu mai inganci na zahiri duk da cewa software ne.

─...
HASKE / KAYAN AIKI
─...

Yi amfani da hasken muhalli mai matuƙar sauƙi.

Magungunan da za a iya yi:

• hasken zinariya mai laushi
• faɗuwar ruwan teku mai duhu
• ɗan ƙaramin fure na yanayi
• haske mai laushi wanda ke ratsa saman
• fim ɗin da aka tsare
• hatsi mai laushi idan yana taimakawa sosai

Kiyaye haɗin yanar gizon da kyau.

KADA ka yi wa samfurin kallon fim kawai.

Babu wani abu mai sheƙi na bogi da ke lalata sauƙin karantawa.

─...
RUBUTU MAI KYAU
─...

Yi amfani da ƙaramin kwafi.

Babu wata jumla da ta kamata ta yi gogayya da samfurin.

Ya kamata manyan labarai su dace da layi ɗaya.

Yi amfani da Ƙari Jakarta Sans.

Tsarin rubutu mai ƙarfi na iya girma sosai wani lokacin kuma ya zama canji
na'urar kanta.

A guji halayen zane-zanen motsi na yau da kullun inda kowace kalma ke motsa jiki daban-daban.

Rubutun ya kamata ya motsa kamar yadda aka tsara abubuwa.

─...
Sauti / Sauti
─...

Tsara motsi kamar an rage shi zuwa kimanin BPM 115-120:
mai inganci, mai motsi, mai ƙwarewa, ba mai saurin fushi ba.

Lokaci mai mahimmanci ya kamata ya sauka ta hanyar kiɗa.

Harshen sauti da aka ba da shawarar:

• ƙaramin tasiri mai laushi don manyan bayyanawa
• dannawa ta hanyar taɓawa mai kauri
• alamar sautin ƙarfe/gilashi mai laushi
• motsi mai laushi a lokacin sauyawar kyamara
• sautin da aka warware mai kyau a wurin biyan tambarin

Guji:

• babbar karuwar tirelar fim
• Masu haɓaka EDM
• mai ƙarfi a ko'ina
• sautunan "fasaha ta fasaha" na hannun jari
• bugun rap
• bass mai ƙarfi

Idan babu wani ingantaccen kayan kiɗa/sauti a cikin aikin, KAR KA ja
sauti mai haƙƙin mallaka daga intanet.

Idar da mai gani ba tare da kiɗan haƙƙin mallaka ba kuma ƙirƙirar taƙaitaccen bayani
takardar da ke bayanin inda ya kamata kiɗa/SFX ya buga.

Idan akwai sauti mai aminci/na gida mai dacewa, yi amfani da shi.

─...
KAYAN GASKIYA KAWAI
─...

Wannan yana da matuƙar muhimmanci.

Duba babban ƙarfin halin yanzu.

Kada ka ƙirƙiro allon fuska.

Kada ka ƙirƙiro ma'auni da ke nuna ainihin bayanan abokin ciniki.

Yi amfani da ƙimar roba/mai aminci idan ana buƙata.

Kada ka fallasa wani bayani na sirri, ko na gwaji ko na samarwa ba da gangan ba.

Sake amfani da tsarin gani na ainihin Taxtello UI.

Idan allon yana buƙatar a raba shi da motsi, sake yin hakan da aminci a cikin React daga
ainihin tsarin ƙira maimakon kawai ɗaukar babban hoton allo.

Sakamakon ya kamata ya yi kama da Taxtello ba tare da wata shakka ba.

─...
ABUBUWAN AIWATARWA
─...

Yi aiki kai tsaye a cikin:

/taxtello/beta-motion

Ƙirƙiri sabon tsarin tare da wanda ke akwai.

Ci gaba da aiki da waƙoƙin da ke akwai.

Tsara sabon aikin cikin tsafta.

Fi son kayan da za a iya sake amfani da su don:

• saman kyamara
• tsarin samfurin
• sauye-sauye masu rufe fuska
• rubutu ya bayyana
• Yankin UI ya bayyana
• hasken yanayi
• sauye-sauyen abubuwan da aka raba

A guji wani abu mai layi 1,500.

Yi amfani da rayayyun Remotion na deterministic wanda aka tsara ta hanyar firam/lokaci.

Babu setTimeout.
Babu wani zane-zanen da ba a tantance ba.

Girmama 60 fps a ko'ina.

Yi amfani da interpolation/spring/easing da gangan.

─...
KAR KA TSAYA BAYAN FARKO A AIWATAR DA SHI
─...

Wannan aiki ne na gani.

Dole ne ku sake duba ainihin fitowar da aka fitar.

Tsarin aiki da ake buƙata:

1. Duba wurin ajiyar kaya da kuma ainihin alamar/samfuri.

2. Rubuta taƙaitaccen labarin da ke ɗauke da:
- daidai tambarin lokaci
- maɓallin gani
- dabaru na sauyawa
- kwafi
- yanayin motsin rai da aka yi niyya

3. Aiwatar da shi.

4. Gudanar da duba nau'in kwamfuta / duba masu dacewa.

5. Yi amfani da firam ɗin wakilci a kusan:
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. DUBI WAƊANNAN HOTUNA A DUBA DA DUBA.

Kada ka tabbatar da cewa an yi nasarar fassara shi kawai.

Tambayi:

Shin wannan yayi kama da fim ɗin samfurin Apple?

Shin wani abu yayi kama da samfuri?

Akwai abubuwa da yawa a allon?

Shin samfurin yana da sauƙin fahimta?

Shin sauye-sauye suna da alaƙa da ma'ana?

Shin zinariyar Taxtello tana jin daɗin daraja?

Shin kowane frame yana kama da an tsara shi?

7. Gyara raunin gani.

8. Yi cikakken fim ɗin.

9. Duba firam ɗin da aka fassara daidai daga MP4 na ƙarshe, ba kawai mai bincike ba
hotunan kariyar kwamfuta.

10. A sake maimaitawa idan ya cancanta.

Kada ka ayyana nasara domin lambar ta tattara.

Fim ɗin da aka fi so shi ne fim ɗin.

─...
Mashaya Mai Inganci
─...

Ki amincewa da sakamakonka idan ya ji kamar:

• samfurin SaaS
• zane-zanen PowerPoint
• rikodin allon gidan yanar gizo
• gwajin Remotion na Musamman
• tallan crypto
• samfurin talla da aka samar ta hanyar AI
• hotunan kariyar kwamfuta guda biyar da ke zamewa a kusa
• kwafin tallan da ya wuce kima

Kowane muhimmin tsari ya kamata ya zama mai kyau don amfani da shi azaman tallan da ba shi da matsala.

Ina so in sami:

Lokutan gani guda 3 na ban mamaki

fiye da

Rayayyun siffofi 10 marasa matsakaicin tsari.

─...
ABUBUWAN DA AKA KAWO NA ƘARSHE
─...

Samar da:

1. Allon labarin ƙarshe
2. Sabon tushen tsarin Remotion
3. 1920×1080 / 60fps na ƙarshe MP4
4. Fosta/firam na ƙarshe
5. Takardar tuntuɓar da ke ɗauke da firam ɗin wakilci daga fim ɗin
6. Ainihin lokacin aiki
7. Jerin kadarorin/allon Taxtello na gaske da aka yi amfani da su
8. Takaitaccen bayani game da harshen motsi
9. Duk wani sassaucin gani da ya rage
10. Umarni don sake ƙirƙirar hoton

Ajiye fitarwa a cikin babban fayil mai suna kamar:

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

Kada ku tura komai.
Kada a gyara bayanan samarwa.
Kada ka haɗa komai.

Ku yi komai cikin kirkire-kirkire, amma ku yi taka-tsantsan.

Ka sa Taxtello ya yi tsada.

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.

An ɗauko umarni daga rubutu @daniel_haida.