Ata tifaga o le polokalama tausi tusi a le Taxtello

O oe o le tagata mamanu sinia o gaioiga, le tagata mamanu oloa ma le inisinia Remotion mo Taxtello.

O lau galuega o le fatuina lea o se ata tifaga e sili ona lelei, e pei o le tulaga o le Apple mo Taxtello.

E LĒ o se fa'amatalaga lautele lea a le SaaS.
E LĒ o se fa'amatalaga auiliili lenei.
E LĒ o se ata fa'afiafia o le fa'ata'ita'iga fou lea.

Ou te manaʻo i se faʻaaliga o se ituaiga/oloa e le sili atu i le 15 sekone le umi e faʻaalia ai le Taxtello e pei o se oloa tau tupe ua matua, taugata, ma matagofie le mamanuina.

Mafaufau:

Ata tifaga fa'alauiloa oloa a le Apple
× fintech fa'apitoa
× mamanu o gaioiga fa'atonu
× fa'aaliga oloa e pei o le Stripe ua fa'atapula'aina
× O le faasinomaga vaaia lava ia a Taxtello

O le tali e manaʻomia o le:

"Faatali, o se polokalama tausi tusi Siamani lenei?"

E tatau ona lagona le taugata o le ata tifaga.

────────────────────────────────────────────
REPO / PUNA O LE MONI
────────────────────────────────────────────

Siaki muamua fale teu oloa moni a'o le'i mamanuina se mea.

Oloa autū:
/taxtello/autu

Galuega faatino Remotion o loʻo iai nei:
/taxtello/beta-motion

Punaoa taua moni o fa'ailoga:

/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

O ata o oloa o loʻo iai nei e mafai ona maua i lalo:

/taxtello/main/mea taua/smoke-ui-smoke/

E sili atu le fiafia i ata fou/punaoa o loʻo iai nei nai lo mea tuai.

Ua iai nei se ata fa'afiafia Remotion hero e 24-sekone le umi.
/taxtello/beta-motion.

AUA NE'I suiina.
AUA NE'I toe fo'i i tua.
AUA NE'I fa'amalosia le tala o lo'o i ai nei e uiga i feso'ota'iga fa'a-AI i totonu o lenei ata tifaga fou.

Fausia se fa'atulagaga fou tuto'atasi mo lenei galuega, fa'ata'ita'iga

TaxtelloShowreel15

E mafai ona e toe faʻaaogaina ni atinaʻe lelei, mataʻitusi, mea faʻaoga faʻaliliu, faʻataʻitaʻiga o gaioiga,
fa'afaigofieina o pi'oga, utaina o aseta ma atina'e QA mai le beta-motion pe a aoga.

Ae i le tulaga fatufatua'i e tatau ona avea lenei ma ata tifaga fou.

A'o le'i fa'atinoina, siaki muamua le Taxtello UI ma ia malamalama i le oloa.

Aua le fatuina ni galuega e leai se aogā.

────────────────────────────────────────────
GAGANA VA'AI MONI A TAXTELLO
────────────────────────────────────────────

Faaaoga le faiga moni o le mamanu.

Paleti autu:

Talaaga:
#0c0f1a

Luga maualuluga:
#111525
#131722
#1a2032

Fa'ailoga autu o le auro:
#e8b84b

Fa'ailoga auro:
#f5d07a

Loloto auro:
#9b6d18

Tusitusiga autū:
#e8eaf2

Paʻepaʻe malosi mafanafana:
#f6f4eb

Tusitusiga lona lua:
#8b93b5

Lelei:
#34d399

Le lelei/sese pe a manaʻomia le uiga:
#f87171

Fa'ailoga o le mata'itusi:
Fa'aopoopo i ai Jakarta Sans

Fuainumera / tau tupe pe a talafeagai:
JetBrains Mono

Faaaoga le fa'ailoga moni o le upu Taxtello ma/po'o le fa'ailoga Taxtello.
Aua le toe tusia pe fa'atatau i le logo.

E tatau ona lagona le auro a Taxtello e pei o se leo taua, ae le o se lologa o le UI samasama.

Mafaufau:
u'amea pogisa
auro mafanafana
tioata
vaitusi
sa'o lelei
mautinoa filemu

LEAI:
cyberpunk
numera faalilolilo
neon
taaloga
violē AI lautele
lanu felanulanua'i o le nuanua

────────────────────────────────────────────
TULAFONO AUTU O LE FOAFOAGA
────────────────────────────────────────────

Mulimulitaʻi ma le faʻaeteete i nei tulafono:

1. TASI LE FANA = TASI LE MANATU.

2. E manaʻomia e vaaiga uma se avanoa e mānava ai.

3. O le UI o oloa o le toa lea.

4. Aua le fa'apipi'i le kopi fa'amatalaga i so'o se mea.

5. Aua ne'i fa'aaogaina ni tipi malō se'i vagana ua iai se mafua'aga fa'amoemoeina.

6. E sili atu le fiafia i suiga e fa'atino e mea faitino:
e avea se kata ma isi kata,
e avea se laina o le siata ma se feso'ota'iga,
ua avea le lisiti ma se booking,
e avea se numera ma se isi elemene o le fesoʻotaʻiga,
E fealua'i le meapueata i totonu o le oloa.

7. Faaaoga le faafaigofieina o pili tau tupe.
Leai se gaioiga laina.

8. E tatau ona fefiloi faalenatura le gaioiga.
E le tatau ona amata ma taofi elemene uma i le faʻavaa e tasi.

9. Faaaoga ma le faaeteete le loloto:
vaaiga mamao,
paralaks vaivai,
fua,
vaeluaga o le pito i luma/tua,
le loloto o le fanua e pulea pe a mafai.

10. E LEAI se aafiaga ona e foliga manaia.

11. Leai se spam i vaega laiti.

12. Leai ni foliga tioata pepelo i soo se mea.

13. Aua le soona le manino tele.

14. Leai ni kata vili 3D e leai se aoga.

15. Leai se fa'alautele faifai pea.

16. Leai ni sitaili eseese e 20 o ata fa'afiafia.

17. Leai se UI e osooso.

18. Leai se palakalafa maketi tele.

19. Aua le fa'ata'ita'i i se fa'asalalauga fa'apitoa a le Apple e fa'atusatusa i se isi fa'asalalauga.
Ia pu'e mai le filosofia ma le lelei o le gaosiga.

E tatau ona maua le mautinoa i le vaaia mai le taofiofi.

────────────────────────────────────────────
FA'ATULAGA
────────────────────────────────────────────

Matai autū:

1920 × 1080
60 fps
16:9
H.264
umi aupito maualuga: 15.0 sekone

Taimi fa'atino fa'amoemoeina:
pe tusa ma le 14.0–15.0 sekone.

E tatau ona galue e pei o se faʻaaliga o oloa i luga o ala o faasalalauga lautele tusa lava pe leai se leo.

Afai e talafeagai PE A MAE'A ona mae'a le galuega matai, ia faia fo'i se galuega ua toe fa'atulagaina ma le fa'aeteete
suiga fa'atulagaina/fa'aagafesootai.

Aua le na'o le tipiina o le ata o le laulau.

Ae o le desktop master o le mea e faamuamua.

────────────────────────────────────────────
TALA / FA'AMATALAGA FA'ALAGONA
────────────────────────────────────────────

Aua le faia lenei mea ma se lisi o vaega e lima.

E tatau ona lagona e pei o se mafaufauga faifai pea e tasi:

LE FESOOSOA → PULEA → MANINO → TAXTELLO

E tatau ona foliga matagofie le uluai 1.5 sekone.

E tatau ona tupu le taimi muamua taua o le fa'atauina o oloa i le ~2 sekone.

Leai se fa'atomuaga o le logo e lima sekone le umi.

O le itu e ono mafai ona fa'asino i ai le tala:

"Mea uma e uiga i lau pisinisi, i le taimi lava lea i le nofoaga e tasi."

Ae FA'AALI mai lenei mea nai lo le fa'amatalaina.

Ou te manaʻo i ni manatu vaaia se fa i le ata atoa.

Faaaoga foliga sili ona malolosi o le REAL Taxtello e te maua i le fale teu oloa.

O sui tauva malolosi e aofia ai:

• Finanzcockpit / Dashboard
• Fa'amatalaga
• Pelege
• Faletupe / fa'afetaui
• Steuergesundheit / lafoga lautele

E LE mana'omia ona e fa'aali uma.

Filifili le tu'ufa'atasiga e sili ona malosi le va'ai.

────────────────────────────────────────────
LAUPAPA TALA FAUTUAGA MO LE 15-SEKONE
────────────────────────────────────────────

Ia taulima lenei mea o se amataga malosi, ae le o se faʻataʻitaʻiga maumaututū.

0.00 – 1.20

ULILI / VAI OLA.

E aliali mai ai se tamai pupula auro mafanafana.

O le pupula e faʻaalia ai ma le matagofie le faʻailoga Taxtello poʻo se vaega o le
fa'ailoga upu

Leai se fa'ailoga masani e mou atu.

Mafaufau i le sa'o atoatoa o le masini.

E fealua'i le meapueata i totonu pe tua atu o le fa'ailoga ma amata ona aliali mai le UI mai ai.

E matua itiiti lava pe leai foi se kopi.

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

1.20 – 4.40

PULEA O TUPE.

Fa'aali le Taxtello Cockpit moni lava o se fua fa'atatau o le laualuga o le oloa.

E le na'o se ata o le lau e tu'u i luga o le lau.

Toe fausia/oti/fa'aputu fa'alava ina ia mafai e vaega ta'itasi o feso'ota'iga ona fa'agaoioi.

E manino lava le tali o le numera tau tupe a le toa.
E fa'ailoa mai le siata.
O fua fa'atatau lagolago o le a fa'amautuina mulimuli ane.

Faaaoga le fa'ase'e mālū.

Atonu e aliali mai se laina e tasi o le kopi, mo se faʻataʻitaʻiga:

“O mea uma i le poloka.”

pe se isi fuaitau pupuu faa-Siamani pe afai e te iloa se mea e sili atu ona fetaui.

E tusa ma le ~3–4 upu.

E tatau ona tumau le iloagofie o le atina'e o le oloa moni lea.

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

4.40 – 7.50

SUIGA O PEPA ALOA'IA / TAUSIGA TUPE.

Faaaoga se mea vaaia mai le vaaiga muamua e fai ma fesuiaʻiga.

Faʻataʻitaʻiga:

E fa'alautele atu se vaega o le siata auro i le tulimanu o se lisiti/kata.
E mulimulita'i i ai le meapueata.
E ulufale mai se lisiti/pepa.
E fa'ailoa pe fa'atulagaina e Taxtello.
E fetaui lelei le pepa ma lana fa'amaumauga tau tupe/tau tupe.

Faaaoga le fa'atulagaina ma le sa'o fa'amagnetisi.

Leai se scanner laser fa'atauva'a.

Leai se asiosio pepa opeopea.

Kopi laiti e mafai ona faia:

“Belege. Erledigt.”

Pe afai e fa'aleleia atili ai le vaaiga.

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

7.50 – 10.70

TUPE / INIVOISI.

Suia pe fesuia'i fa'alenatura i totonu o le atina'e moni o le Rechnungen.

Faaaoga se taimi malosi e tasi:

suia le tulaga o se pili,
e foia se totogi,
o se aofaʻi e siitia i lona nofoaga,
pe fa'amaopoopoina le aotelega ia lava.

E tatau ona faigofie ona pa'i i ai ma sa'o lelei fuainumera.

Faaaoga le JetBrains Mono pe a fetaui lelei ma le oloa moni.

O le auro e fa'amamafa mai ai le tulaga galue.

E fa'aaogaina le lanumeamata mo na'o se tulaga fa'auiga moni ma lelei.

Kopi e ono maua:

"Geld. O a'u o Griff."

Toe fai: e te lē mana'o ai ma e matuā pu'upu'u lava.

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

10.70 – 12.80

LELA / MANINO.

Suiga i le fa'avae moni o le Taxtello i le ta'iala tau lafoga ma le soifua maloloina tau tupe.

Aua le faapea mai o loo faamautinoa faavavega e Taxtello le sa'o o lafoga.

Fa'afeso'ota'i le va'aiga ma le pulea.

Faʻataʻitaʻiga:

e tele fa'ailo pisapisaō e pa'ū ifo i totonu o se aotelega o lafoga e tasi e filemu ma fa'atulagaina.

Kopi e ono maua:

“Steuern im Blick.”

E tatau ona sili atu le filemu o lenei vaaiga nai lo le vaaiga muamua.

E faagesegese puupuu le fati.

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

12.80 – 15.00

TOTOGI O LE ITUAIGA.

Toso i fafo le meapueata.

E fa'apipi'i pe gaugau le UI i totonu o le tasi meafaitino/fogāeleele matagofie o le oloa Taxtello.

Ua toe foʻi mai le pouliuli i ona tafatafa.

Ua foia le faailoga auro o le Taxtello.

Tasi le laina pu'upu'u o le ituaiga i lalo ifo.

Su'esu'e laina malolosi fa'ai'u e pei o:

"O lau pisinisi. E manino lava."

“Buchhaltung. Unter Kontrolle.”

“Einfach mehr Überblick.”

“Alles fürs Business. O se einem Ort.”

Filifili e faʻavae i luga o le tulaga moni o le oloa e te mauaina i le repo.

Aua le fa'aaogaina se laina ona ua na'o lo'u fautuaina atu.

E tatau ona lava le filemu o le fa'avaa mulimuli e lesitala ai.

Fa'ai'u ma le mautinoa.

Leai se CTA tele e osooso.

────────────────────────────────────────────
FESUIAIGA
────────────────────────────────────────────

O se tasi lea o vaega e sili ona tāua.

Ou te manaʻo i ni suiga e mafaufau ai le tagata matamata:

“Ioe, o le isi vaaiga na sau mai iina.”

Lelei:

laina siata → pito o le pepa
pili auro → faamau pili
numera tau tupe → aofaʻi i le pili
pito o le kata → luga o le isi itu
elemene feso'ota'iga o le meapueata push through
geometry fa'asoa
fa'aalia le ufimata e fa'aaoga ai foliga moni o le oloa

Leaga:

fa'alava le fa'alava
solo fa'afuase'i
fesuia'iga o le vili
fa'aletonu
sasa le apa i sekone uma e lua
faase'e agavale le SaaS lautele
fa'alautele-fa'alilolilo spam

E na'o le pau le auala e fa'atagaina ai ni tipi sa'o pe afai e aoga i le ata tifaga se aafiaga fa'aleo fa'amoemoeina.

────────────────────────────────────────────
GALUEGA
────────────────────────────────────────────

E manaʻomia e le gaioiga le mamafa.

Faaaoga pi'o e tutusa ma:

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

pe a talafeagai.

E tatau ona i ai ni taimi e eseese ai le taunuu mai o elemene eseese.

E sili atu:

fa'amoemoe
ua sili atu i lalo ifo o le ~2%
fa'amautu
fa'aauauina o gaioiga
saoasaoa fefa'asoaa'i i le va o vaaiga

Aloese mai le fa'asolosolo malie o ata tusi.

E tatau ona pei le gaoioi o le meapueata o se pueina o ata tetele i se auala maualuga.

Se'i faapea o loo tatou pueina se mea faitino taugata e ui lava o se polokalama faakomepiuta.

────────────────────────────────────────────
MOLI / MEAFAIGALUEGA
────────────────────────────────────────────

Faaaoga ni moli e matuā malu lelei mo le siosiomaga.

Togafitiga e ono mafai:

• moli auro vaivai i autafa
• pa'ū ifo lanumoana pogisa
• fuga vaivai o le siosiomaga
• fa'amalamalamaga mālū e ui atu i luga o se mea
• ata pu'upu'u fa'atapula'aina
• manifinifi le lanu pe afai e fesoasoani tele

Ia fa'amama lelei le fa'aoga (interface).

AUA le faanenefuina le oloa ina ia tau lava ina foliga mai i se tifaga.

Leai ni ata fe'ilafi pepelo e fa'aleagaina ai le faigofie ona faitau.

────────────────────────────────────────────
FA'A'OLO'OGA
────────────────────────────────────────────

Ia matuā itiiti lava ni kopi e fa'aaoga.

E le tatau ona tauva se fuaiupu ma le oloa.

E tatau ona ofi ulutala i le laina e tasi.

Faaaoga le Plus Jakarta Sans.

O le mata'itusi malolosi e ono tele sona lapo'a i nisi taimi ma avea ai ma se suiga
le masini lava ia.

Aloese mai amioga masani o ata gaoioi lea e fa'agaoioi ai upu ta'itasi e tuto'atasi.

E tatau ona gaoioi le taipola e pei o mea ua mamanuina.

────────────────────────────────────────────
LEO / RITIMO
────────────────────────────────────────────

Fuafua le gaioiga e peiseai ua tipiina i le pe tusa o le 115–120 BPM:
tulaga maualuga, malosi, atamai, e le popoto.

O taimi taua e tatau ona pa'ū fa'atasi ma musika.

Gagana faaleo fautuaina:

• aafiaga vaivai maualalo mo le fa'aaliga tele
• kiliki fa'atapula'aina o le UI pa'i
• leo u'amea/tioata e le tele ni leo
• gaioiga mālū ma maualalo i taimi o fesuiaʻiga o le meapueata
• leo matagofie ma manino i le taimi e totogi ai le logo

Aloese mai:

• tele le fa'ateleina o le saoasaoa o ata tifaga
• Fa'aoso EDM
• leo tele o le pisapisao i soo se mea
• leo masani o le "tech interface"
• rap pa'i
• leo pa'ō malosi

Afai e leai se musika/meatotino leo e saogalemu faaletulafono i le galuega faatino, AUA LE tosoina
leo ua puipuia e le puletaofia mai le initaneti.

Tu'uina atu le matai va'aia e aunoa ma musika e puipuia e le puletaofia ma fatuina se fa'ailoilo pu'upu'u
pepa o loʻo faʻamatalaina ai le mea e tatau ona pa'i ai le musika/SFX.

Afai e iai ni leo talafeagai e saogalemu/fa'alotoifale, fa'aaoga.

────────────────────────────────────────────
NA'O LE OLOA MONI
────────────────────────────────────────────

E taua tele lenei mea.

Siaki le uaea autū o lo'o iai nei.

Aua le fatuina ni pupuni.

Aua le fatuina ni fua fa'atatau e fa'ailoa mai ai fa'amatalaga moni a tagata fa'atau.

Faaaoga ni tulaga manino e le afaina mo mea fa'apitoa/saogalemu mo fa'ata'ita'iga pe a mana'omia.

Aua ne'i fa'afuase'i ona fa'aalia so'o se fa'amatalaga patino, fa'amatalaga a le tagata fa'aoga i le suega po'o fa'amatalaga o le gaosiga.

Toe fa'aaoga le fausaga vaaia o le Taxtello UI moni lava.

Afai e manaʻomia ona vavaeʻese se lau mai gaioiga, toe faia ma le faʻamaoni i React mai
le faiga moni o le mamanu nai lo le na o le fa'ateleina o se ata tele.

E tatau lava ona foliga tutusa lelei le taunuuga ma Taxtello.

────────────────────────────────────────────
FA'AMOEMOEGA O LE FA'ATINOGA
────────────────────────────────────────────

Galue sa'o i:

/taxtello/beta-motion

Fatu le fatuga fou fa'atasi ma le fatuga ua iai.

Ia fa'aauau pea ona fa'agaoioia fatuga o lo'o iai.

Fa'atulaga lelei le galuega fou.

E sili atu le fa'aaogaina o mea fa'avae mo:

• luga o le meapueata
• fa'avaa oloa
• fesuia'iga ufiufi
• fa'aalia e le tusitusiga
• Ua fa'aalia mai e le vaega o le UI
• moli si'osi'omaga
• fesuia'iga o elemene fa'asoa

Aloese mai le tasi vaega e 1,500 laina.

Faaaoga le ata fa'atino Remotion lagona fa'atulagaina e fa'atinoina e le fa'avaa/taimi.

Leai se setiTaimi e muta ai.
Leai ni ata fa'afiafia e le'o fa'atulagaina.

Ia faaaloalo i le 60 fps i le taimi atoa.

Faaaoga ma le loto i ai le interpolation/spring/easing.

────────────────────────────────────────────
AUA LE TAOFI PE A UMA LE FA'ATINOGA MUAMUA
────────────────────────────────────────────

O se galuega vaaia lenei.

E TATAU ona e toe iloilo le galuega faatino moni lava na faia.

Faiga o galuega e manaʻomia:

1. Siaki le fale teu oloa ma le ituaiga/oloa moni.

2. Tusi se laupapa tala puupuu e aofia ai:
- fa'ailoga taimi tonu
- ata vaaia autu
- fa'avae fesuia'iga
- kopi
- fa'asologa fa'alagona fuafuaina

3. Fa'atino.

4. Fa'atino le typecheck / checks talafeagai.

5. Fa'aalia ni fa'avaa fa'atusa i le pe tusa o le:
0.0 sekone
1.0 sekone
2.5 sekone
4.5 sekone
6.5 sekone
8.5 sekone
10.5 sekone
12.5 sekone
14.0 sekone
14.8 sekone

6. SI'I VA'AI I NA ATA.

Aua le na'o le fa'amaonia ua manuia le fa'atinoina o le galuega.

Fesili:

E foliga ea lenei mea o se ata tifaga o oloa a le Apple?

E i ai se mea e foliga e pei o se template?

Ua tele naua ea mea o loʻo i luga o le lau?

E faigofie ona faitauina le oloa?

E feso'ota'i fa'alogika ea suiga?

E foliga mai e sili ona lelei le auro o le Taxtello?

Pe foliga filemu ea fa'avaa uma?

7. Fa'aleleia vaivaiga o le va'ai.

8. Fa'aali le ata tifaga atoa.

9. Siaki le tele o fa'avaa ua fa'aliliuina sa'o mai le MP4 mulimuli, e le gata i le browser
ata o le lau (screenshots).

10. Toe fai pe a manaʻomia.

Aua le fa'ailoa atu le manuia aua o le a fa'aputuina le code.

O le mea e mafai ona momoli atu o le ATA TIFAGA.

────────────────────────────────────────────
PA LELEI
────────────────────────────────────────────

Teena lau lava iʻuga pe afai e te lagona e pei o:

• se faʻataʻitaʻiga SaaS
• se ata fa'afiafia i le PowerPoint
• se faamaumauga o le lau o le upega tafailagi
• se fa'ata'ita'iga lautele Remotion
• se faasalalauga tau crypto
• se faʻataʻitaʻiga faʻalauiloa ua gaosia e le AI
• e lima ata o le ata o lo'o fa'ase'e solo
• kopi maketi tele naua

E tatau ona lava le lelei o faʻavaa taua uma e faʻaaoga e fai ma faʻasalalauga lē gaoioi.

E sili atu ia te aʻu le:

3 taimi vaaia mataʻina

nai lo

10 ata fa'atino e le masani ai.

────────────────────────────────────────────
MEA FA'AOGA FA'AI'U
────────────────────────────────────────────

Tuuina atu:

1. Tala fa'ai'u
2. Punaoa fou o le fatuga Remotion
3. 1920×1080 / 60fps MP4 mulimuli
4. Pepa fa'asalalau/fa'avaa mulimuli
5. Pepa fa'afeso'ota'i ma fa'avaa fa'atusa mai le ata tifaga
6. Taimi tonu e fa'atino ai
7. Lisi o aseta/lau moni a Taxtello na faʻaaogaina
8. Fa'amatalaga pu'upu'u o le gagana fa'agaoioi
9. So'o se fa'aletonu vaaia o totoe
10. Poloaiga e toe gaosia le render

Sefe ia galuega faatino i totonu o se faila e manino lona igoa e pei o:

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

Aua le faʻapipiʻiina se mea.
Aua le suia faʻamatalaga gaosiga.
Aua le tu'ufa'atasia se mea.

Ia e faia mea uma e te mafaia i lou mafaufau loloto, ae ia e pulea lelei oe lava.

Ia foliga taugata le Taxtello.

You are the senior motion designer, product designer and Remotion engineer for Taxtello.

Your task is to create a genuinely premium, Apple-level product film for Taxtello.

This is NOT a generic SaaS explainer.
This is NOT a feature walkthrough.
This is NOT a startup template animation.

I want a maximum 15-second brand/product showreel that makes Taxtello look like a mature, expensive, beautifully designed financial product.

Think:

Apple product launch film
× premium fintech
× editorial motion design
× restrained Stripe-like product presentation
× Taxtello's own visual identity

The desired reaction is:

“Wait, this is a German bookkeeping app?”

The film should feel expensive.

────────────────────────────────────
REPO / SOURCE OF TRUTH
────────────────────────────────────

First inspect the real repositories before designing anything.

Main product:
  /taxtello/main

Existing Remotion project:
  /taxtello/beta-motion

Important real brand sources:

  /taxtello/main/public/css/app/_00-tokens.css
  /taxtello/main/docs/design/TOKENS.md
  /taxtello/main/public/taxtello-wordmark.png
  /taxtello/main/public/icons.svg

Existing current product screenshots can be found under:

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

Prefer the newest valid screenshots/current source over stale artifacts.

There is already an existing 24-second Remotion hero animation in
/taxtello/beta-motion.

DO NOT replace it.
DO NOT regress it.
DO NOT force its current AI-connections storyline into this new film.

Create a new independent composition for this task, e.g.

  TaxtelloShowreel15

You may reuse good infrastructure, fonts, rendering utilities, motion primitives,
easing curves, asset loading and QA infrastructure from beta-motion where useful.

But creatively this should be a new film.

Before implementation, inspect the actual Taxtello UI and understand the product.

Do not invent functionality that does not exist.

────────────────────────────────────
REAL TAXTELLO VISUAL LANGUAGE
────────────────────────────────────

Use the real design system.

Core palette:

Background:
  #0c0f1a

Elevated surfaces:
  #111525
  #131722
  #1a2032

Primary brand gold:
  #e8b84b

Gold highlight:
  #f5d07a

Gold depth:
  #9b6d18

Primary text:
  #e8eaf2

Strong warm white:
  #f6f4eb

Secondary text:
  #8b93b5

Positive:
  #34d399

Negative/error only where semantically necessary:
  #f87171

Typography:
  Plus Jakarta Sans

Numbers / financial values where appropriate:
  JetBrains Mono

Use the actual Taxtello wordmark and/or Taxtello mark.
Do not redraw or approximate the logo.

Taxtello's gold should feel like a precious accent, not a yellow UI flood.

Think:
dark metal
warm gold
glass
ink
precision
quiet confidence

NOT:
cyberpunk
crypto
neon
gaming
generic AI purple
rainbow gradients

────────────────────────────────────
CORE CREATIVE RULES
────────────────────────────────────

Follow these rules ruthlessly:

1. ONE SHOT = ONE IDEA.

2. Every scene needs room to breathe.

3. The product UI is the hero.

4. Do not plaster explanatory copy everywhere.

5. Do not use hard cuts unless there is a deliberate reason.

6. Prefer object-driven transitions:
   a card becomes the next card,
   a chart line becomes a connector,
   a receipt becomes a booking,
   a number becomes another interface element,
   the camera moves through the product.

7. Use premium easing.
   No linear movement.

8. Motion should overlap naturally.
   Elements should not all start and stop at exactly the same frame.

9. Use depth sparingly:
   perspective,
   soft parallax,
   scale,
   foreground/background separation,
   controlled depth of field if achievable.

10. NO effect exists simply because it looks cool.

11. No particle spam.

12. No fake glassmorphism everywhere.

13. No excessive blur.

14. No pointless 3D spinning cards.

15. No constant zooming.

16. No 20 different animation styles.

17. No bouncing UI.

18. No giant marketing paragraph.

19. Do not imitate a particular Apple commercial shot-for-shot.
    Capture the philosophy and production quality instead.

The visual confidence should come from restraint.

────────────────────────────────────
FORMAT
────────────────────────────────────

Primary master:

1920 × 1080
60 fps
16:9
H.264
maximum duration: 15.0 seconds

Target runtime:
approximately 14.0–15.0 seconds.

It must work as a social-media product reveal even without sound.

If practical AFTER the master is finished, also create a deliberately recomposed
vertical/social variant.

Do not merely crop the desktop composition.

But the desktop master is the priority.

────────────────────────────────────
STORY / EMOTIONAL ARC
────────────────────────────────────

Do not make this a list of five features.

It should feel like one continuous thought:

CHAOS → CONTROL → CLARITY → TAXTELLO

The first 1.5 seconds must already look premium.

The first meaningful product moment should happen by ~2 seconds.

No five-second logo intro.

Possible narrative direction:

“Everything about your business, finally in one place.”

But SHOW this instead of explaining it.

I want approximately four visual ideas across the whole film.

Use the strongest REAL Taxtello surfaces you find in the repository.

Strong candidates include:

• Finanzcockpit / Dashboard
• Rechnungen
• Belege
• Bank / matching
• Steuergesundheit / tax overview

You do NOT need to show all of them.

Choose the visually strongest combination.

────────────────────────────────────
SUGGESTED 15-SECOND STORYBOARD
────────────────────────────────────

Treat this as a strong starting point, not a rigid template.

0.00 – 1.20

BLACK / NAVY.

A tiny warm-gold glint appears.

The glint elegantly reveals either the Taxtello mark or a fragment of the
wordmark.

No generic logo fade.

Think machined precision.

The camera moves through or past the mark and the UI begins to emerge from it.

Very little or no copy.

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

1.20 – 4.40

FINANCIAL CONTROL.

Reveal the actual Taxtello Cockpit as a dimensional product surface.

Not just a screenshot placed on screen.

Reconstruct/crop/layer it so individual interface regions can animate.

The hero financial number resolves crisply.
The chart draws in.
Supporting metrics settle slightly later.

Use subtle stagger.

A single line of copy may appear, for example:

  “Alles im Blick.”

or another equally short German phrase if you find something more fitting.

Maximum ~3–4 words.

The interface must remain recognizable as the real product.

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

4.40 – 7.50

DOCUMENT / BOOKKEEPING TRANSFORMATION.

Use a visual object from the previous scene as the transition.

Example:

A gold chart point expands into the corner of a receipt/card.
The camera follows it.
A receipt/document enters.
Taxtello identifies or organizes it.
The document snaps elegantly into its corresponding booking / financial record.

Use magnetic alignment and precision.

No cheesy scanner laser.

No floating paper tornado.

Possible micro-copy:

  “Belege. Erledigt.”

Only if it improves the scene.

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

7.50 – 10.70

MONEY / INVOICES.

Morph or transition naturally into the real Rechnungen interface.

Use one strong moment:

an invoice status changes,
a payment resolves,
an amount moves into place,
or the overview assembles itself.

Numbers should feel tactile and precise.

Use JetBrains Mono where this matches the actual product.

Gold highlights the active state.

Green is used only for a genuinely positive semantic state.

Potential copy:

  “Geld. Im Griff.”

Again: optional and extremely short.

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

10.70 – 12.80

TAX / CLARITY.

Transition into the real Taxtello tax-health / financial guidance surface.

Do not claim that Taxtello magically guarantees correct taxes.

Communicate visibility and control.

Example:

multiple noisy signals collapse into one calm, structured tax overview.

Potential copy:

  “Steuern im Blick.”

This scene should feel calmer than the previous scene.

The rhythm briefly slows.

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

12.80 – 15.00

BRAND PAYOFF.

Pull the camera outward.

The UI compresses or folds into one beautiful Taxtello product object / surface.

Darkness returns around it.

The gold Taxtello wordmark resolves.

One short brand line underneath.

Explore strong final lines such as:

  “Dein Business. Klar.”

  “Buchhaltung. Unter Kontrolle.”

  “Einfach mehr Überblick.”

  “Alles fürs Business. An einem Ort.”

Choose based on the actual product positioning you find in the repo.

Do not use a line simply because I suggested it.

The final frame must have enough stillness to register.

End confidently.

No giant bouncing CTA.

────────────────────────────────────
TRANSITIONS
────────────────────────────────────

This is one of the most important parts.

I want transitions that make the viewer think:

“Of course the next scene came from that.”

Good:

chart line → document edge
gold pill → invoice button
financial number → amount in invoice
card edge → next surface
camera push through interface element
shared geometry
mask reveal using actual product shapes

Bad:

crossfade
random wipe
spin transition
glitch
whip-pan every two seconds
generic SaaS slide-left
zoom-blur spam

Direct cuts are allowed only when a deliberate rhythmic impact benefits the film.

────────────────────────────────────
MOTION
────────────────────────────────────

Motion needs weight.

Use curves comparable to:

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

where appropriate.

Different elements should have subtly different arrival times.

Prefer:

anticipation
overshoot below ~2%
settling
motion continuation
shared velocity between scenes

Avoid cartoon springiness.

Camera movement should feel like a high-end macro product shoot.

Imagine we are filming a physical premium object even though it is software.

────────────────────────────────────
LIGHTING / MATERIAL
────────────────────────────────────

Use extremely subtle environmental lighting.

Possible treatments:

• soft gold rim lighting
• dark navy falloff
• faint ambient bloom
• soft specular highlight passing across a surface
• restrained vignette
• subtle grain if it materially helps

Keep the interface crisp.

Do NOT blur the product just to look cinematic.

No fake glossy reflections that destroy legibility.

────────────────────────────────────
TYPOGRAPHY
────────────────────────────────────

Use very little copy.

No sentence should compete with the product.

Headlines should generally fit on one line.

Use Plus Jakarta Sans.

Strong typography may occasionally scale very large and become a transition
device itself.

Avoid generic motion-graphics behavior where every word animates independently.

Typography should move as designed objects.

────────────────────────────────────
SOUND / RHYTHM
────────────────────────────────────

Design the motion as if it were cut to approximately 115–120 BPM:
premium, kinetic, sophisticated, not frantic.

Important moments should land musically.

Suggested sound language:

• low soft impact for major reveal
• restrained tactile UI clicks
• subtle metallic/glass tonal tick
• soft low-frequency movement during camera transitions
• elegant resolved tone at the logo payoff

Avoid:

• huge cinematic trailer boom
• EDM risers
• loud whooshes everywhere
• stock “tech interface” sounds
• rap beat
• aggressive bass

If there is no legally safe music/audio asset in the project, DO NOT pull
copyrighted audio from the internet.

Deliver the visual master without copyrighted music and create a concise cue
sheet describing where music/SFX should hit.

If suitable safe/local audio exists, use it.

────────────────────────────────────
REAL PRODUCT ONLY
────────────────────────────────────

This is critical.

Inspect current main.

Do not invent screens.

Do not invent metrics that imply real customer data.

Use clearly synthetic/demo-safe values if required.

Do not accidentally expose any personal, test-user or production information.

Reuse the visual structure of the actual Taxtello UI.

If a screen needs to be motion-separated, recreate it faithfully in React from
the real design system instead of simply scaling a giant screenshot.

The result should still look unmistakably like Taxtello.

────────────────────────────────────
IMPLEMENTATION EXPECTATIONS
────────────────────────────────────

Work directly in:

  /taxtello/beta-motion

Create the new composition alongside the existing one.

Keep existing compositions working.

Structure the new work cleanly.

Prefer reusable primitives for:

• camera surface
• product frame
• masked transitions
• text reveals
• UI region reveals
• ambient lighting
• shared-element transitions

Avoid one 1,500-line component.

Use deterministic Remotion animation driven by frame/time.

No setTimeout.
No nondeterministic animations.

Respect 60 fps throughout.

Use interpolation/spring/easing deliberately.

────────────────────────────────────
DO NOT STOP AFTER FIRST IMPLEMENTATION
────────────────────────────────────

This is a visual task.

You MUST review the actual rendered output.

Required workflow:

1. Inspect repository and real brand/product.

2. Write a concise storyboard with:
   - exact timestamps
   - key visual
   - transition logic
   - copy
   - intended emotional rhythm

3. Implement it.

4. Run typecheck / relevant checks.

5. Render representative frames at roughly:
   0.0 s
   1.0 s
   2.5 s
   4.5 s
   6.5 s
   8.5 s
   10.5 s
   12.5 s
   14.0 s
   14.8 s

6. VISUALLY INSPECT THOSE IMAGES.

Do not merely confirm that rendering succeeded.

Ask:

Does this look like an Apple-tier product film?

Does anything look like a template?

Is there too much on screen?

Is the product legible?

Are transitions logically connected?

Does Taxtello gold feel premium?

Does every frame look composed?

7. Fix visual weaknesses.

8. Render the complete film.

9. Inspect multiple exact decoded frames from the final MP4, not only browser
   screenshots.

10. Iterate again if necessary.

Do not declare success because the code compiles.

The deliverable is the FILM.

────────────────────────────────────
QUALITY BAR
────────────────────────────────────

Reject your own result if it feels like:

• a SaaS template
• a PowerPoint animation
• a website screen recording
• a generic Remotion demo
• a crypto advertisement
• an AI-generated promo template
• five screenshots sliding around
• excessive marketing copy

Every important frame should be good enough to use as a still advertisement.

I would rather have:

3 extraordinary visual moments

than

10 mediocre feature animations.

────────────────────────────────────
FINAL DELIVERABLES
────────────────────────────────────

Provide:

1. Final storyboard
2. New Remotion composition source
3. 1920×1080 / 60fps final MP4
4. Poster/final frame
5. Contact sheet with representative frames from the film
6. Exact runtime
7. List of real Taxtello assets/screens used
8. Brief explanation of the motion language
9. Any remaining visual compromises
10. Commands to reproduce the render

Save outputs in a clearly named directory such as:

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

Do not deploy anything.
Do not modify production data.
Do not merge anything.

Go all out creatively, but exercise ruthless restraint.

Make Taxtello look expensive.

Fa'amatalaga na aumai mai pou @daniel_haida.