Scannán faoi aip choimeádta cuntas Taxtello
Spreag
Is tusa an dearthóir gluaisne sinsearach, dearthóir táirgí agus innealtóir Remotion do Taxtello. Is é an tasc atá agat scannán táirge den scoth i ndáiríre, ar leibhéal Apple, a chruthú do Taxtello. NÍ míniú cineálach SaaS é seo. NÍ treoir maidir le gnéithe atá anseo. NÍ beochan teimpléid tosaithe é seo. Ba mhaith liom seó-ríl branda/táirge nach faide ná 15 soicind ar fhad a chuirfeadh cuma táirge airgeadais aibí, costasach agus deartha go hálainn ar Taxtello. Smaoinigh: Scannán seolta táirge Apple × teicneolaíocht airgeadais préimhe × dearadh gluaiseachta eagarthóireachta × cur i láthair táirge srianta cosúil le Stripe × Céannacht amhairc Taxtello féin Is é an imoibriú atá ag teastáil ná: "Fan, an aip choimeádta leabhar Gearmánach í seo?" Ba chóir go mbraithfeadh an scannán costasach. ──────────────────────────────────────────── STÓR / FOINSE NA FÍRINNE ──────────────────────────────────────────── Déan iniúchadh ar na fíorstórais ar dtús sula ndéanann tú aon rud a dhearadh. Príomhtháirge: /taxtello/príomh Tionscadal Remotion atá ann cheana féin: /taxtello/beta-motion Foinsí fíorbhrandaí tábhachtacha: /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 Is féidir scáileáin den táirge reatha atá ann cheana a fháil faoi: /taxtello/main/artifacts/smoke-ui-smoke/ Is fearr na scáileáin/an fhoinse reatha is déanaí seachas na sean-earraí. Tá beochan laoch Remotion 24 soicind ann cheana féin i /taxtello/beta-motion. NÁ cuir ceann eile ina áit. NÁ déan cúlchéimniú air. NÁ cuir an scéal-líne reatha maidir le naisc na hintleachta saorga i bhfeidhm sa scannán nua seo. Cruthaigh comhdhéanamh neamhspleách nua don tasc seo, m.sh. Taxtello Showreel15 Féadfaidh tú bonneagar maith, clónna, fóntais rindreála, bunghnéithe gluaisne a athúsáid, cuar a mhaolú, luchtú sócmhainní agus bonneagar QA ó bhéite-ghluaiseacht nuair is úsáideach. Ach ó thaobh na cruthaitheachta de ba chóir gur scannán nua a bheadh ann. Sula gcuirtear i bhfeidhm é, déan iniúchadh ar Chomhéadan Úsáideora Taxtello iarbhír agus tuig an táirge. Ná cruthaigh feidhmiúlacht nach bhfuil ann. ──────────────────────────────────────────── FÍOR-THEANGA AMHAIRC TAXTELLO ──────────────────────────────────────────── Bain úsáid as an gcóras dearaidh fíor. Pailéad croí: Cúlra: #0c0f1a Dromchlaí ardaithe: #111525 #131722 #1a2032 Ór branda príomhúil: #e8b84b Buaicphointe óir: #f5d07a Doimhneacht óir: #9b6d18 Príomhthéacs: #e8eaf2 Bán te láidir: #f6f4eb Téacs tánaisteach: #8b93b5 Dearfach: #34d399 Diúltach/earráideach amháin nuair is gá go séimeantach: #f87171 Clóghrafaíocht: Plus Jakarta Sans Uimhreacha / luachanna airgeadais más iomchuí: JetBrains Mono Bain úsáid as an bhfíormharc focal Taxtello agus/nó an marc Taxtello. Ná haththarraing an lógó ná ná déan é a mheas mar rud garbh. Ba chóir go mbraithfeadh ór Taxtello cosúil le blas luachmhar, ní tuile bhuí den Chomhéadan Úsáideora. Smaoinigh: miotal dorcha ór te gloine dúch cruinneas muinín chiúin NÍ: cibearphunc cripte neon cearrbhachas corcra cineálach AI grádáin tuar ceatha ──────────────────────────────────────────── PRÍOMHRIALA CRUTHÚCHÁIN ──────────────────────────────────────────── Lean na rialacha seo go dian: 1. URCHAR AMHÁIN = Smaoineamh AMHÁIN. 2. Teastaíonn spás le hanálú i ngach radharc. 3. Is é comhéadan úsáideora an táirge an laoch. 4. Ná cuir cóip mhíniúcháin i ngach áit. 5. Ná húsáid gearrthacha crua mura bhfuil cúis d'aon ghnó leis. 6. Is fearr aistrithe atá á dtiomáint ag réada: bíonn cárta ina chéad chárta eile, bíonn líne chairte ina nascóir, bíonn admháil ina háirithint, bíonn uimhir ina heilimint chomhéadain eile, Bogann an ceamara tríd an táirge. 7. Bain úsáid as maolú préimhe. Gan aon ghluaiseacht líneach. 8. Ba chóir go mbeadh forluí nádúrtha ag gluaiseacht. Níor cheart go dtosódh agus go stopfadh na heilimintí go léir ag an bhfráma céanna. 9. Bain úsáid as doimhneacht go spárálach: peirspictíocht, parallax bog, scála, scaradh tulra/cúlra, doimhneacht réimse rialaithe más féidir. 10. NÍL aon éifeacht ann díreach toisc go bhfuil cuma fhionnuar air. 11. Gan aon spam cáithníní. 12. Gan aon ghloine-mhoirfeacht bhréige i ngach áit. 13. Gan aon doiléire iomarcach. 14. Gan cártaí sníomhacha 3T gan phointe. 15. Gan súmáil leanúnach. 16. Uimh 20 stíl beochana éagsúla. 17. Gan aon chomhéadan úsáideora ag preabadh. 18. Gan aon mhír mhór margaíochta. 19. Ná déan aithris ar fhógra Apple ar leith, pictiúr ar pictiúr. Gabh an fhealsúnacht agus cáilíocht an táirgthe ina ionad. Ba chóir go dtiocfadh an mhuinín amhairc ó shrianadh. ──────────────────────────────────────────── FORMÁID ──────────────────────────────────────────── Príomh-mháistir: 1920 × 1080 60 fps 16:9 H.264 uasfhad: 15.0 soicind Am rith sprice: thart ar 14.0–15.0 soicind. Caithfidh sé feidhmiú mar nochtadh táirge meán sóisialta fiú gan fuaim. Más féidir TAR ÉIS an máistir a bheith críochnaithe, cruthaigh ceann atá athchumtha d'aon ghnó freisin malairt ingearach/sóisialta. Ná bearr comhdhéanamh an deisce amháin. Ach is é máistir na deisce an tosaíocht. ──────────────────────────────────────────── SCÉAL / SÚRTHÓIREACHT MHOTHÚCHÁNACH ──────────────────────────────────────────── Ná déan liosta de chúig ghné den chineál seo. Ba chóir go mbraithfeadh sé cosúil le smaoineamh amháin leanúnach: ANORD → RIALÚ → SOILÉIREACHT → TAXTELLO Caithfidh go bhfuil cuma den scoth ar na chéad 1.5 soicind cheana féin. Ba chóir go dtarlódh an chéad nóiméad bríoch táirge faoi cheann ~2 shoicind. Gan aon réamhrá lógó cúig soicind. Treo insinte féideartha: “Gach rud faoi do ghnó, in aon áit amháin faoi dheireadh.” Ach TAISPEÁIN é seo in ionad é a mhíniú. Ba mhaith liom ceithre smaoineamh amhairc a bheith ann ar fud an scannáin ar fad. Bain úsáid as na dromchlaí Taxtello FÍOR is láidre a gheobhaidh tú sa stór. I measc na n-iarrthóirí láidre tá: • Cockpit Airgeadais / Painéal Rialaithe • Athbhreithnithe • Béilé • Banc / meaitseáil • Steuergesundeit / forbhreathnú cánach NÍ gá duit iad uile a thaispeáint. Roghnaigh an teaglaim is láidre ó thaobh amhairc de. ──────────────────────────────────────────── CLÁR SCÉIL 15 SOICIND MOLTA ──────────────────────────────────────────── Déan iarracht é seo a mheas mar phointe tosaigh láidir, ní mar theimpléad docht. 0.00 – 1.20 DUBH / CABHLACH. Feictear lonrán beag órga te. Nochtann an lonrach go galánta marc Taxtello nó blúire de comhartha focal. Gan aon lógó cineálach ag céimniú. Smaoinigh ar chruinneas meaisínithe. Bogann an ceamara tríd an marc nó thar an marc agus tosaíonn an comhéadan úsáideora ag teacht amach as. An-bheag nó gan aon chóip ar bith. ─────────────────── 1.20 – 4.40 RIALÚ AIRGEADAIS. Nocht an Taxtello Cockpit iarbhír mar dhromchla táirge tríthoiseach. Ní hamháin pictiúr scáileáin a chuirtear ar an scáileán. Athchruthaigh/bearr/cuir i sraitheanna é ionas gur féidir le réigiúin chomhéadain aonair beochan. Réitíonn uimhir airgeadais an laoch go géar. Tarraingíonn an chairt isteach. Socraíonn na méadrachtaí tacaíochta beagán níos déanaí. Bain úsáid as stadadh caolchúiseach. D’fhéadfadh líne amháin cóipe a bheith le feiceáil, mar shampla: "Gach rud sa ghealach." nó frása Gearmáinise eile atá chomh gearr céanna má oireann sé duit. Uasmhéid ~3–4 focal. Caithfidh an comhéadan fanacht inaitheanta mar an táirge fíor. ─────────────────── 4.40 – 7.50 CLÁRÚ DOICIMÉAD / LEABHARCHOIMEÁD. Bain úsáid as réad amhairc ón radharc roimhe sin mar an t-aistriú. Sampla: Leathnaíonn pointe cairte óir isteach i gcúinne admhála/cárta. Leanann an ceamara é. Tagann admháil/doiciméad isteach. Aithníonn nó eagraíonn Taxtello é. Snaipeálann an doiciméad go galánta isteach ina thaifead áirithinte/airgeadais comhfhreagrach. Bain úsáid as ailíniú maighnéadach agus cruinneas. Gan aon léasar scanóir cáisiúil. Gan aon tornádó páipéir ar snámh. Micreachóip fhéideartha: "Béalóg. Seanfhaiseanta." Ach amháin má fheabhsaíonn sé an radharc. ─────────────────── 7.50 – 10.70 AIRGEAD / SONRAISCÍ. Athraigh nó aistrigh go nádúrtha isteach sa chomhéadan Rechnungen fíor. Bain úsáid as nóiméad láidir amháin: athraíonn stádas sonraisc, réitítear íocaíocht, bogann méid ina áit, nó go dtiocfaidh an forbhreathnú le chéile leis féin. Ba chóir go mbraithfeadh na huimhreacha tadhlacha agus beacht. Bain úsáid as JetBrains Mono i gcás ina n-oireann sé seo don táirge iarbhír. Leagann ór béim ar an staid ghníomhach. Ní úsáidtear glas ach le haghaidh staid sheimeantach dhearfach i ndáiríre. Cóip fhéideartha: "Airgead. Im Griff." Arís: roghnach agus thar a bheith gearr. ─────────────────── 10.70 – 12.80 CÁIN / SOILÉIREACHT. Aistriú chuig dromchla fíor-threorach sláinte cánach/airgeadais Taxtello. Ná bí ag maíomh go ráthaíonn Taxtello go draíochtúil go bhfuil cánacha cearta ann. Infheictheacht agus rialú a chur in iúl. Sampla: Titeann comharthaí torannacha iomadúla le chéile i bhforbhreathnú cánach socair, struchtúrtha amháin. Cóip fhéideartha: "Stiúr sa tsúil." Ba chóir go mbraithfeadh an radharc seo níos ciúine ná an radharc roimhe. Moillíonn an rithim go hachomair. ─────────────────── 12.80 – 15.00 ÍOCAÍOCHT BRANDÁLA. Tarraing an ceamara amach. Comhbhrúitear nó filltear an comhéadan úsáideora i réad/dromchla táirge Taxtello álainn amháin. Filleann an dorchadas timpeall air. Réitíonn an focalmharc órga Taxtello. Líne ghearr branda amháin faoi. Iniúigh línte deiridh láidre ar nós: “Dein Business. Soiléir.” "Buchhaltung. Untrolle." “Einfach mehr Überblick.” "Alles fürs Business. An Einem Ort." Roghnaigh bunaithe ar shuíomh iarbhír an táirge a fhaigheann tú sa stór. Ná húsáid líne díreach toisc gur mhol mé í. Caithfidh go leor ciúineasa a bheith sa fhráma deiridh le go n-éireoidh leis. Críochnaigh go muiníneach. Gan aon CTA mór ag preabadh. ──────────────────────────────────────────── AISTRIÚCHÁIN ──────────────────────────────────────────── Seo ceann de na codanna is tábhachtaí. Ba mhaith liom aistrithe a chuireann an lucht féachana ag smaoineamh: "Ar ndóigh, tháinig an chéad radharc eile as sin." Maith: líne chairte → imeall doiciméid piolla óir → cnaipe sonraisc uimhir airgeadais → méid sa sonrasc imeall cárta → an chéad dromchla eile eilimint chomhéadain bhrú tríd an gceamara geoiméadracht chomhroinnte nochtadh maisc ag baint úsáide as cruthanna iarbhír an táirge Droch: traschéimniú scriosadh randamach aistriú sníomh glitch panna buailte gach dhá shoicind sleamhnán ar chlé SaaS cineálach spam súmáil-doiléire Ní cheadaítear gearrthacha díreacha ach amháin nuair a bhíonn tionchar rithimeach d'aon ghnó chun leasa an scannáin. ──────────────────────────────────────────── GLUAISEACHT ──────────────────────────────────────────── Teastaíonn meáchan ó ghluaiseacht. Úsáid cuar atá inchomparáide le: bezier ciúbach(0.16, 1, 0.3, 1) i gcás inarb iomchuí. Ba chóir go mbeadh amanna teachta beagán difriúla ag eilimintí difriúla. Is fearr leat: réamh-mheas ró-lámhach faoi bhun ~2% socrú leanúnachas gluaiseachta luas comhroinnte idir radhairc Seachain earrachacht cartúin. Ba chóir go mbraithfeadh gluaiseacht an cheamara cosúil le seisiún táirge macra ardchaighdeáin. Samhlaigh go bhfuilimid ag scannánú réad préimhe fisiceach cé gur bogearraí é. ──────────────────────────────────────────── SOILSIÚ / ÁBHAR ──────────────────────────────────────────── Bain úsáid as soilsiú comhshaoil an-chaolchúiseach. Cóireálacha féideartha: • soilsiú imeall óir bog • titim cabhlaigh dhorcha • bláth lag comhthimpeallach • aird ghéar lonrach bhog ag dul trasna dromchla • vignette srianta • gráin chaolchúiseach má chabhraíonn sé go hábhartha Coinnigh an comhéadan géar. NÁ déan an táirge a dhoiléiriú díreach le go mbeidh cuma cineamatach air. Gan aon machnaimh snasta bréige a scriosann inléiteacht. ──────────────────────────────────────────── CLÓGRAFAÍOCHT ──────────────────────────────────────────── Bain úsáid as an-bheagán cóipe. Níor cheart go mbeadh aon abairt san iomaíocht leis an táirge. Ba chóir go n-oirfeadh ceannlínte ar líne amháin i gcoitinne. Bain úsáid as Plus Jakarta Sans. D’fhéadfadh clóghrafaíocht láidir scálú an-mhór ó am go ham agus a bheith ina haistriú gléas féin. Seachain iompar grafaicí gluaisne cineálach ina mbeochan gach focal go neamhspleách. Ba chóir go mbogfadh clóghrafaíocht mar rudaí deartha. ──────────────────────────────────────────── FUAIM / RITIM ──────────────────────────────────────────── Dear an ghluaiseacht amhail is dá mba rud é go ngearrfaí í go dtí thart ar 115–120 BPM: préimhe, cinéiteach, sofaisticiúil, ní frantic. Ba chóir go mbeadh chuimhneacháin thábhachtacha le brath go ceolmhar. Teanga fuaime molta: • tionchar bog íseal le haghaidh nochtadh mór • cliceáil tadhaill srianta ar an Chomhéadan Úsáideora • tic toin mhiotalach/ghloine caolchúiseach • gluaiseacht bhog ísealmhinicíochta le linn aistrithe ceamara • ton réitithe galánta ag an lógó Seachain: • borradh ollmhór leantóirí cineamatacha • Ardaitheoirí EDM • fuaim ghlórach i ngach áit • fuaimeanna “comhéadan teicneolaíochta” stoic • buille rap • dord ionsaitheach Mura bhfuil aon sócmhainn cheoil/fuaime atá sábháilte ó thaobh an dlí de sa tionscadal, NÁ tarraing fuaimrian cóipchirt ón idirlíon. Seachad an máistir amhairc gan cheol cóipchirt agus cruthaigh leid ghearr bileog ina bhfuil cur síos ar an áit ar cheart don cheol/do na fuaimeanna fuaimeanna a bheith. Más ann do fhuaim shábháilte/áitiúil oiriúnach, bain úsáid as. ──────────────────────────────────────────── FÍORTHÁIRGE AMHÁIN ──────────────────────────────────────────── Tá sé seo ríthábhachtach. Seiceáil an príomhlíonra reatha. Ná cruthaigh scáileáin. Ná cruthaigh méadrachtaí a thugann le fios go bhfuil fíorshonraí custaiméirí ann. Bain úsáid as luachanna atá soiléir sintéiseach/sábháilte le haghaidh taispeána más gá. Ná nochtaigh aon fhaisnéis phearsanta, faisnéis úsáideora tástála ná faisnéise táirgeachta de thaisme. Athúsáid struchtúr amhairc Chomhéadan Úsáideora Taxtello iarbhír. Más gá scáileán a dheighilt ó thaobh gluaiseachta de, athchruthaigh go dílis é i React ó an córas dearaidh fíor seachas scáileán ollmhór a scálú. Ba chóir go mbeadh an toradh fós cosúil le Taxtello go soiléir. ──────────────────────────────────────────── IONCHAIS CHUR I bhFEIDHM ──────────────────────────────────────────── Oibrigh go díreach i: /taxtello/beta-motion Cruthaigh an comhdhéanamh nua taobh leis an gceann atá ann cheana féin. Coinnigh comhdhéanamh atá ann cheana ag obair. Struchtúraigh an obair nua go glan. Is fearr bunphrionsabail in-athúsáidte le haghaidh: • dromchla ceamara • fráma táirge • aistrithe masctha • nochtann téacs • Nochtadh réigiún an Chomhéadain Úsáideora • soilsiú comhthimpeallach • aistrithe eilimintí comhroinnte Seachain comhpháirt amháin 1,500 líne. Bain úsáid as beochan Remotion cinntitheach atá á thiomáint ag fráma/am. Gan socrúTeimhneachta. Gan aon bheochana neamhchinntitheacha. Tabhair meas ar 60 fps ar feadh. Bain úsáid as idirshuíomh/spring/éascú d'aon ghnó. ──────────────────────────────────────────── NÁ STOP TAR ÉIS AN CHÉAD CHUR I bhFEIDHM ──────────────────────────────────────────── Is tasc amhairc é seo. NÍ MÓR duit an t-aschur rindreáilte iarbhír a athbhreithniú. Sreabhadh oibre riachtanach: 1. Déan iniúchadh ar an stór agus ar an bhfíorbhranda/táirge. 2. Scríobh clár scéil gonta le: - stampaí ama cruinne - amhairc eochair - loighic aistrithe - cóip - rithim mhothúchánach beartaithe 3. Cuir i bhfeidhm é. 4. Déan seiceáil cineáil / seiceálacha ábhartha. 5. Rindreáil frámaí ionadaíocha ag thart ar: 0.0 soicind 1.0 soicind 2.5 soicind 4.5 soicind 6.5 soicind 8.5 soicind 10.5 soicind 12.5 soicind 14.0 soicind 14.8 soicind 6. DÉAN CIGIREACHT AMHAIRC AR NA HÍOMHÁNNA SIN. Ná deimhnigh go n-éiríonn leis an rindreáil amháin. Fiafraigh: An bhfuil cuma scannáin táirge de chuid Apple air seo? An bhfuil cuma teimpléid ar rud ar bith? An bhfuil an iomarca ar an scáileán? An bhfuil an táirge inléite? An bhfuil aistrithe ceangailte go loighciúil? An mbraitheann ór Taxtello préimheach? An bhfuil cuma chomhordaithe ar gach fráma? 7. Laigí amhairc a shocrú. 8. Déan an scannán iomlán a rindreáil. 9. Scrúdaigh roinnt frámaí díchódaithe beachta ón MP4 deiridh, ní hamháin ón mbrabhsálaí scáileáin. 10. Déan arís é más gá. Ná dearbhaigh rath mar go ndéanann an cód tiomsú. Is é an SCANNÁN an rud is féidir a sheachadadh. ──────────────────────────────────────────── Barra Cáilíochta ──────────────────────────────────────────── Diúltaigh do thoradh féin má bhraitheann tú mar seo a leanas: • teimpléad SaaS • beochan PowerPoint • taifeadadh scáileáin suíomh Gréasáin • taispeántas cineálach Remotion • fógra cripte • teimpléad promóisin a ghintear le hintleacht shaorga • cúig scáileáin ag sleamhnú timpeall • cóip mhargaíochta iomarcach Ba chóir go mbeadh gach fráma tábhachtach maith go leor le húsáid mar fhógra neamhghluaiste. B’fhearr liom: 3 chuimhneacháin amhairc neamhghnácha ná 10 mbeochan gné-ghnéithe measartha. ──────────────────────────────────────────── SEACHADTAÍ DEIRIDH ──────────────────────────────────────────── Cuir ar fáil: 1. Scéalchlár deiridh 2. Foinse nua comhdhéanamh Remotion 3. MP4 deiridh 1920×1080 / 60fps 4. Póstaer/fráma deiridh 5. Bileog teagmhála le frámaí ionadaíocha ón scannán 6. Am rith cruinn 7. Liosta de shócmhainní/scáileáin Taxtello fíor a úsáideadh 8. Míniú gairid ar an teanga ghluaisne 9. Aon chomhréitigh amhairc atá fágtha 10. Orduithe chun an rindreáil a atáirgeadh Sábháil aschuir i gcomhadlann atá ainmnithe go soiléir mar seo a leanas: /taxtello/beta-motion/out/showreel-15/ Ná cuir aon rud ar fáil. Ná modhnaigh sonraí táirgeachta. Ná cumasc aon rud. Téigh amach go cruthaitheach, ach bí cúramach gan srian. Déan Taxtello a fheiceáil costasach.
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.
Leid tógtha ó post @daniel_haida.
- Samhail
- Opus 5.5
- Athruithe
- Roinnt athrá
- Cruach
- Remotion
- Foilsithe
Déan físeán mar seo
Déan físeáin mar seo duit féin—7 n-uaire níos saoire ná an API—leis an síneadh Google Chrome atá againn.. Oibríonn sé le Claude trí MCP: déanann tú cur síos ar an tasc, agus láimhseálann an síneadh an próiseas giniúna ón leid go dtí an comhad críochnaithe. Gineann sé físeáin, tionólann sé iad, cuireann sé guth orthu, agus aistríonn sé iad.
Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP