Կարգավորում: Taxtello հաշվապահական հավելվածի ֆիլմ

Դուք Taxtello-ի ավագ շարժման դիզայներ, ապրանքի դիզայներ և Remotion ինժեներ եք։

Ձեր խնդիրն է ստեղծել իսկապես բարձրակարգ, Apple-ի մակարդակի ապրանքային ֆիլմ Taxtello-ի համար։

Սա SaaS-ի ընդհանուր բացատրություն չէ։
Սա գործառույթների ցուցում չէ։
Սա ստարտափի ձևանմուշի անիմացիա չէ։

Ես ուզում եմ առավելագույնը 15 վայրկյան տևողությամբ ապրանքանիշի/արտադրանքի շոուռիել, որը Taxtello-ն կներկայացնի որպես հասուն, թանկարժեք, գեղեցիկ ձևավորված ֆինանսական ապրանք։

Մտածեք.

Apple-ի արտադրանքի շնորհանդեսի տեսանյութը
× պրեմիում ֆինտեխ
× խմբագրական շարժման դիզայն
× զսպված շերտավոր ապրանքի ներկայացում
× Taxtello-ի սեփական տեսողական ինքնությունը

Ցանկալի ռեակցիան հետևյալն է.

«Սպասե՛ք, սա գերմանական հաշվապահական հավելված է՞»։

Ֆիլմը պետք է թանկարժեք լինի։

──────────────────────────────────────────────
ՊԱՀԵՍՏ / ՃՇՄԱՐՏՈՒԹՅԱՆ ԱՂԲՅՈՒՐ
──────────────────────────────────────────────

Ինչ-որ բան նախագծելուց առաջ նախ ստուգեք իրական պահոցները։

Հիմնական արտադրանք՝
/taxtello/main

Գոյություն ունեցող Remotion նախագիծ՝
/taxtello/beta-motion

Կարևոր իրական ապրանքանիշի աղբյուրներ.

/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

Գոյություն ունեցող ընթացիկ արտադրանքի էկրանի նկարները կարող եք գտնել հետևյալ հղումներով՝

/taxtello/main/արտեֆակտներ/smoke-ui-smoke/

Նախապատվությունը տվեք ամենաթարմ վավեր էկրանի նկարներին/ընթացիկ աղբյուրին հնացած արտեֆակտների փոխարեն։

Արդեն գոյություն ունի 24 վայրկյան տևողությամբ Remotion հերոսի անիմացիա։
/taxtello/beta-motion։

ՄԻ՛ փոխարինեք այն։
ՄԻ՛ վերադառնաք դրան։
ՄԻ՛ պարտադրեք այս նոր ֆիլմում արհեստական ինտելեկտի հետ կապերի ներկայիս սյուժեն։

Ստեղծեք նոր անկախ կոմպոզիցիա այս առաջադրանքի համար, օրինակ՝

TaxtelloShowreel15

Դուք կարող եք վերօգտագործել լավ ենթակառուցվածքները, տառատեսակները, ռենդերինգի գործիքները, շարժման պրիմիտիվները,
Թեթևացման կորեր, ակտիվների բեռնում և որակի ապահովման ենթակառուցվածք բետա-շարժումից, որտեղ օգտակար էր։

Բայց ստեղծագործական առումով սա պետք է նոր ֆիլմ լինի։

Ներդրումից առաջ ստուգեք Taxtello-ի իրական ինտերֆեյսը և հասկացեք ապրանքը։

Մի՛ հորինեք այնպիսի ֆունկցիոնալություն, որը գոյություն չունի։

──────────────────────────────────────────────
Իրական Տաքսթելլո տեսողական լեզու
──────────────────────────────────────────────

Օգտագործեք իրական դիզայնի համակարգը։

Հիմնական պալիտրա՝

Նախապատմություն։
#0c0f1a

Բարձրացված մակերեսներ՝
#111525
#131722
#1a2032

Հիմնական ապրանքանիշի ոսկի.
#e8b84b

Ոսկեգույն շեշտադրում.
#f5d07a

Ոսկու խորություն.
#9բ6դ18

Հիմնական տեքստը։
#e8eaf2

Հզոր տաք սպիտակ.
#f6f4eb

Երկրորդական տեքստ՝
#8բ93բ5

Դրական:
#34d399

Բացասական/սխալ՝ միայն իմաստային առումով անհրաժեշտության դեպքում։
#f87171

Տիպագրություն՝
Գումարած Ջակարտա Սանս

Թվեր / ֆինանսական արժեքներ, որտեղ դա նպատակահարմար է.
JetBrains Մոնո

Օգտագործեք իրական Taxtello բառային նշանը և/կամ Taxtello ապրանքանիշը։
Մի՛ վերաձևակերպեք կամ մոտավոր մի՛ պատկերեք լոգոն։

Taxtello-ի ոսկեգույնը պետք է թանկարժեք շեշտադրում լինի, այլ ոչ թե դեղին UI հեղեղի։

Մտածեք.
մուգ մետալ
տաք ոսկի
ապակի
թանաք
ճշգրտություն
հանգիստ վստահություն

ՈՉ՝
կիբերպանկ
կրիպտո
նեոն
խաղեր
ընդհանուր արհեստական ինտելեկտ մանուշակագույն
ծիածանի գրադիենտներ

──────────────────────────────────────────────
Հիմնական ստեղծագործական կանոններ
──────────────────────────────────────────────

Հետևեք այս կանոններին անվերապահորեն.

1. ՄԵԿ ԿՐԱԿ = ՄԵԿ ԳԱՂԱՓԱՐ։

2. Յուրաքանչյուր տեսարան կարիք ունի շնչելու տարածքի։

3. Արտադրանքի ինտերֆեյսը գլխավոր հերոսն է։

4. Բացատրական տեքստը ամենուրեք մի՛ փակցրեք։

5. Մի՛ օգտագործեք կոշտ կտրվածքներ, եթե դիտավորյալ պատճառ չկա։

6. Նախընտրեք օբյեկտ-կառավարվող անցումները.
քարտը դառնում է հաջորդ քարտը,
գրաֆիկի գիծը դառնում է միակցիչ,
կտրոնը դառնում է ամրագրում,
թիվը դառնում է մեկ այլ ինտերֆեյսի տարր,
Տեսախցիկը շարժվում է ապրանքի միջով։

7. Օգտագործեք պրեմիումի մեղմացում։
Գծային շարժում չկա։

8. Շարժումները պետք է բնականորեն համընկնեն։
Էլեմենտները չպետք է բոլորը սկսվեն և ավարտվեն ճիշտ նույն կադրում։

9. Խորությունը օգտագործեք խնայողաբար։
հեռանկար,
մեղմ պարալաքս,
մասշտաբ,
առաջին պլանի/ֆոնի բաժանում,
կառավարվող դաշտի խորություն, եթե հնարավոր է։

10. Ոչ մի էֆեկտ գոյություն չունի պարզապես այն պատճառով, որ այն հիանալի տեսք ունի։

11. Մասնիկային սպամ չկա։

12. Կեղծ գլասմորֆիզմ ամենուրեք չկա։

13. Չափազանց մշուշոտություն չկա։

14. Անիմաստ 3D պտտվող քարտեր չկան։

15. Անընդհատ մեծացում չկա։

16. 20 տարբեր անիմացիոն ոճեր չկան։

17. Ցատկող ինտերֆեյս չկա։

18. Ոչ մի հսկա մարքեթինգային պարբերություն։

19. Մի՛ ընդօրինակեք Apple-ի որևէ գովազդային հոլովակ՝ կադր առ կադր։
Փոխարենը, ընդգծեք փիլիսոփայությունը և արտադրության որակը։

Տեսողական վստահությունը պետք է բխի զսպվածությունից։

──────────────────────────────────────────────
ՁԵՎԱՉԱՓ
──────────────────────────────────────────────

Հիմնական վարպետ՝

1920 × 1080
60 կադր/վրկ
16։9
H.264
առավելագույն տևողությունը՝ 15.0 վայրկյան

Նպատակային աշխատանքային ժամանակը՝
մոտավորապես 14.0–15.0 վայրկյան։

Այն պետք է աշխատի որպես սոցիալական մեդիա ապրանք՝ նույնիսկ առանց ձայնի։

Եթե գործնական է, գլխավորը ավարտելուց հետո ստեղծեք նաև միտումնավոր վերակազմված
ուղղահայաց/սոցիալական տարբերակ։

Պարզապես մի՛ կտրեք աշխատասեղանի կազմը։

Բայց աշխատասեղանի վարպետը առաջնահերթություն է։

──────────────────────────────────────────────
ՊԱՏՄՈՒԹՅՈՒՆ / ԶԳԱՑՄՈՒՆՔԱՅԻՆ ՇԱՐԺ
──────────────────────────────────────────────

Սա մի՛ կազմեք հինգ առանձնահատկություններից բաղկացած ցանկ։

Այն պետք է զգա որպես մեկ շարունակական միտք.

ՔԱՈՍ → ՎԵՐԱՀՍԿՈՂՈՒԹՅՈՒՆ → ՊԱՐԶՈՒԹՅՈՒՆ → ՏԱՔՍՏԵԼՈ

Առաջին 1.5 վայրկյանը արդեն պետք է որ պրեմիում տեսք ունենա։

Առաջին նշանակալից ապրանքի պահը պետք է տեղի ունենա մոտ 2 վայրկյանի ընթացքում։

Հինգ վայրկյան տևողությամբ լոգոյի ներածություն չկա։

Հնարավոր պատմողական ուղղություն.

«Ձեր բիզնեսի մասին ամեն ինչ՝ վերջապես մեկ տեղում»։

Բայց ցույց տուր սա՝ բացատրելու փոխարեն։

Ես ուզում եմ մոտավորապես չորս տեսողական գաղափար ամբողջ ֆիլմի համար։

Օգտագործեք պահոցում գտնված ամենաուժեղ REAL Taxtello մակերեսները։

Ուժեղ թեկնածուների թվում են՝

• Finanzcockpit / Վահանակ
• Ռեխնունգեն
• Բելեգե
• Բանկ / համապատասխանեցում
• Steuergesundheit / հարկային ակնարկ

Դուք պարտավոր չեք դրանք բոլորը ցույց տալ։

Ընտրեք տեսողականորեն ամենաուժեղ համադրությունը։

──────────────────────────────────────────────
Առաջարկվող 15 վայրկյանանոց սցենար
──────────────────────────────────────────────

Սա համարեք ուժեղ մեկնարկային կետ, այլ ոչ թե կոշտ ձևանմուշ։

0.00 – 1.20

Սև / Մուգ կապույտ։

Հայտնվում է փոքրիկ տաք ոսկեգույն փայլ։

Փայլը նրբագեղորեն բացահայտում է կա՛մ Տաքստելոյի նշանը, կա՛մ դրա մի բեկոր։
բառային նշան

Ընդհանուր լոգոյի գունաթափում չկա։

Մտածեք մեքենայացված ճշգրտության մասին։

Տեսախցիկը շարժվում է նշանի միջով կամ դրանից այն կողմ, և ինտերֆեյսը սկսում է երևալ դրանից։

Շատ քիչ կամ ընդհանրապես ոչ մի պատճեն։

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

1.20 – 4.40

ՖԻՆԱՆՍԱԿԱՆ ՎԵՐԱՀՍԿՈՂՈՒԹՅՈՒՆ։

Բացահայտեք իրական Taxtello Cockpit-ը որպես չափսային արտադրանքի մակերես։

Ոչ միայն էկրանի վրա տեղադրված էկրանի նկար։

Վերակառուցեք/կտրեք/շերտավորեք այն, որպեսզի առանձին ինտերֆեյսի հատվածները կարողանան անիմացիա ստանալ։

Հերոսի ֆինանսական թիվը հստակ լուծվում է։
Գրաֆիկը ներգրավվում է։
Աջակցող չափանիշները մի փոքր ավելի ուշ են կայունանում։

Օգտագործեք նուրբ տատանում։

Կարող է հայտնվել մեկ տող պատճեն, օրինակ՝

«Ամեն ինչ բոցավառ է»։

կամ մեկ այլ նույնքան կարճ գերմանական արտահայտություն, եթե գտնեք ավելի համապատասխան բան։

Առավելագույնը՝ ~3–4 բառ։

Ինտերֆեյսը պետք է մնա ճանաչելի որպես իրական արտադրանք։

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

4.40 – 7.50

ՓԱՍՏԱԹՂԹԵՐԻ / ՀԱՇՎԱՊԱՀԱԿԱՆ ԳՈՐԾՈՒՆԵՈՒԹՅԱՆ ՓՈԽԱՆԱԿՈՒՄ։

Որպես անցում օգտագործեք նախորդ տեսարանից տեսողական օբյեկտ։

Օրինակ՝

Ոսկե գրաֆիկական կետը ընդարձակվում է մինչև անդորրագրի/քարտի անկյունը։
Տեսախցիկը հետևում է դրան։
Մուտքագրվում է անդորրագիր/փաստաթուղթ։
Taxtello-ն նույնականացնում կամ կազմակերպում է այն։
Փաստաթուղթը նրբագեղորեն կցվում է համապատասխան ամրագրման/ֆինանսական գրառմանը։

Օգտագործեք մագնիսական հավասարեցում և ճշգրտություն։

Ոչ մի կոպիտ լազերային սկաներ։

Ոչ մի լողացող թղթե տորնադո։

Հնարավոր միկրոպատճեն.

«Բելեգե։ Անկեղծ ասած։»

Միայն եթե դա բարելավի տեսարանը։

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

7.50 – 10.70

ԳՈՒՄԱՐ / ՀԱՇԻՎ-ՖԱԹՈՒՂԹԵՐ։

Բնականաբար ձևափոխել կամ անցում կատարել իրական Rechnungen ինտերֆեյսի։

Օգտագործեք մեկ ուժեղ պահ.

հաշիվ-ապրանքագրի կարգավիճակը փոխվում է,
վճարումը լուծվում է,
մի քանակություն տեղաշարժվում է իր տեղը,
կամ ընդհանուր պատկերը ինքնուրույն է հավաքվում։

Թվերը պետք է լինեն շոշափելի և ճշգրիտ։

Օգտագործեք JetBrains Mono-ն, եթե սա համապատասխանում է իրական արտադրանքին։

Ոսկեգույնը ընդգծում է ակտիվ վիճակը։

Կանաչը օգտագործվում է միայն իսկապես դրական իմաստային վիճակի համար։

Հավանական պատճեն՝

«Գելդ։ Ես Գրիֆն եմ»։

Կրկին՝ ըստ ցանկության և չափազանց կարճ։

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

10.70 – 12.80

Հարկ / Պարզություն։

Անցում իրական Taxtello հարկային-առողջապահական/ֆինանսական ուղեցույցի մակերեսին։

Մի՛ պնդեք, որ Taxtello-ն կախարդականորեն երաշխավորում է ճիշտ հարկեր վճարելը։

Հաղորդակցեք տեսանելիության և վերահսկողության մասին։

Օրինակ՝

բազմաթիվ աղմկոտ ազդանշանները միավորվում են մեկ հանգիստ, կառուցվածքային հարկային ամփոփագրի մեջ։

Հավանական պատճեն՝

«Ստյուերն իմ Բլիկ»։

Այս տեսարանը պետք է ավելի հանգիստ լինի, քան նախորդը։

Ռիթմը կարճ ժամանակով դանդաղում է։

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

12.80 – 15.00

ԲՐԵՆԴԻ ՎՃԱՐՈՒՄԸ։

Քաշեք տեսախցիկը դեպի դուրս։

UI-ը սեղմվում կամ ծալվում է մեկ գեղեցիկ Taxtello ապրանքային օբյեկտի/մակերեսի մեջ։

Մութը վերադառնում է շուրջը։

Ոսկեգույն Taxtello բառային նշանը լուծվում է։

Մեկ կարճ ապրանքանիշի գիծ ներքևում։

Ուսումնասիրեք ուժեղ վերջնական տողերը, ինչպիսիք են՝

«Դեյն Բիզնես։ Կլար։»

«Buchhaltung. Unter Kontrolle»:

«Einfach mehr Überblick».

«Alles fürs Business. An einem Ort»:

Ընտրեք՝ հիմնվելով պահոցում գտած ապրանքի իրական դիրքավորման վրա։

Մի՛ օգտագործիր որևէ տող միայն այն պատճառով, որ ես եմ այն առաջարկել։

Վերջնական կադրը պետք է բավականաչափ անշարժ լինի՝ այն գրանցելու համար։

Վստահորեն ավարտեք։

Հսկայական ցատկող կոչ չկա։

──────────────────────────────────────────────
Անցումներ
──────────────────────────────────────────────

Սա ամենակարևոր մասերից մեկն է։

Ես ուզում եմ անցումներ, որոնք դիտողին կստիպեն մտածել.

«Իհարկե, հաջորդ տեսարանը դրանից է ծագել»։

Լավ:

գծապատկերի գիծ → փաստաթղթի եզր
ոսկե դեղահաբ → հաշիվ-ապրանքագիր կոճակ
ֆինանսական համար → հաշիվ-ապրանքագրում նշված գումարը
քարտի եզր → հաջորդ մակերես
տեսախցիկի միջերեսի տարր
համատեղ երկրաչափություն
դիմակի բացահայտում՝ օգտագործելով իրական արտադրանքի ձևերը

Վատ:

խաչաձև անցում
պատահական սրբում
պտույտի անցում
խափանում
տապակը յուրաքանչյուր երկու վայրկյանը մեկ
ընդհանուր SaaS սահեցրեք ձախ կողմում
Zoom-blur սպամ

Ուղիղ կտրվածքները թույլատրվում են միայն այն դեպքում, երբ միտումնավոր ռիթմիկ ազդեցությունը օգուտ է բերում ֆիլմին։

──────────────────────────────────────────────
ՇԱՐԺՈՒՄ
──────────────────────────────────────────────

Շարժումը պահանջում է քաշ։

Օգտագործեք կորեր, որոնք համեմատելի են հետևյալի հետ՝

խորանարդ-բեզիե(0.16, 1, 0.3, 1)

որտեղ նպատակահարմար է։

Տարբեր տարրերը պետք է ունենան մի փոքր տարբեր ժամանման ժամեր։

Նախընտրելի է՝

սպասում
գերազանցում է ~2%-ից ցածր
նստվածք
շարժման շարունակություն
տեսարանների միջև համօգտագործվող արագություն

Խուսափեք մուլտֆիլմային առաձգականությունից։

Տեսախցիկի շարժումը պետք է զգացվի ինչպես բարձրակարգ մակրո արտադրանքի նկարահանում։

Պատկերացրեք, որ մենք նկարահանում ենք ֆիզիկական պրեմիում օբյեկտ, չնայած այն ծրագրային ապահովում է։

──────────────────────────────────────────────
ԼՈՒՍԱՎՈՐՈՒՄ / ՆՅՈՒԹԵՐ
──────────────────────────────────────────────

Օգտագործեք չափազանց նուրբ միջավայրի լուսավորություն։

Հնարավոր բուժումներ.

• փափուկ ոսկեգույն եզրագծային լուսավորություն
• մուգ կապույտ գույնի անկում
• թույլ շրջապատող ծաղկում
• մակերեսի վրայով անցնող մեղմ հայելային լուսավորություն
• զուսպ վինետ
• նուրբ հացահատիկ, եթե դա նյութապես օգնում է

Պահպանեք ինտերֆեյսի կոկիկությունը։

ՄԻ՛ մշուշեք ապրանքը միայն կինեմատոգրաֆիկ տեսք ունենալու համար։

Առանց կեղծ փայլուն արտացոլանքների, որոնք կխաթարեն ընթեռնելիությունը։

──────────────────────────────────────────────
Տպագրություն
──────────────────────────────────────────────

Օգտագործեք շատ քիչ պատճեններ։

Ոչ մի նախադասություն չպետք է մրցակցի ապրանքի հետ։

Վերնագրերը սովորաբար պետք է տեղավորվեն մեկ տողի վրա։

Օգտագործեք Plus Jakarta Sans-ը։

Ուժեղ տիպագրությունը երբեմն կարող է շատ մեծ մասշտաբներ ունենալ և դառնալ անցումային
սարքն ինքնին։

Խուսափեք շարժական գրաֆիկայի ընդհանրացված վարքագծից, որտեղ յուրաքանչյուր բառ անկախ է անիմացվում։

Տիպագրությունը պետք է շարժվի նախագծված օբյեկտների պես։

──────────────────────────────────────────────
Հնչյուն / Ռիթմ
──────────────────────────────────────────────

Նախագծեք շարժումը այնպես, կարծես այն կրճատված լինի մոտավորապես 115–120 BPM ։
պրեմիում, կինետիկ, նրբագեղ, ոչ խելահեղ։

Կարևոր պահերը պետք է երաժշտականորեն արտացոլվեն։

Առաջարկվող հնչյունային լեզու՝

• ցածր մեղմ ազդեցություն խոշոր բացահայտման համար
• սահմանափակված շոշափելի ինտերֆեյսի սեղմումներ
• նուրբ մետաղական/ապակե երանգ
• տեսախցիկի անցումների ժամանակ մեղմ ցածր հաճախականության շարժում
• նրբագեղ լուծված տոն լոգոյի ներկայացման ժամանակ

Խուսափեք.

• հսկայական կինեմատոգրաֆիկ թրեյլերների բում
• EDM բարձրացնող սարքեր
• բարձր սուլոցներ ամենուրեք
• «տեխնիկական ինտերֆեյսի» ստանդարտ ձայներ
• ռեփի ռիթմ
• ագրեսիվ բաս

Եթե նախագծում չկա իրավականորեն անվտանգ երաժշտական/ձայնային ակտիվ, ՄԻ՛ քաշեք։
Հեղինակային իրավունքով պաշտպանված աուդիո ֆայլ ինտերնետից։

Ներկայացրեք վիզուալ վարպետը՝ առանց հեղինակային իրավունքով պաշտպանված երաժշտության և ստեղծեք հակիրճ ազդանշան
թերթիկ, որը նկարագրում է, թե որտեղ պետք է հնչի երաժշտությունը/SFX-ը։

Եթե գոյություն ունի համապատասխան անվտանգ/տեղական աուդիո, օգտագործեք այն։

──────────────────────────────────────────────
ՄԻԱՅՆ ԻՐԱԿԱՆ ԱՊՐԱՆՔ
──────────────────────────────────────────────

Սա կարևոր է։

Ստուգեք ներկայիս գլխավոր լարը։

Մի՛ հորինեք էկրաններ։

Մի՛ հորինեք չափանիշներ, որոնք ենթադրում են իրական հաճախորդների տվյալներ։

Անհրաժեշտության դեպքում օգտագործեք հստակ սինթետիկ/ցուցադրականորեն անվտանգ արժեքներ։

Պատահաբար մի՛ բացահայտեք որևէ անձնական, փորձարկման օգտատիրոջ կամ արտադրական տեղեկատվություն։

Վերօգտագործեք Taxtello-ի իրական UI-ի տեսողական կառուցվածքը։

Եթե էկրանը պետք է շարժման բաժանված լինի, այն ճշգրտորեն վերստեղծեք React ում։
իրական դիզայնի համակարգը՝ պարզապես հսկայական էկրանի նկարի մասշտաբավորման փոխարեն։

Արդյունքը դեռ պետք է անվիճելիորեն նման լինի Taxtello-ին։

──────────────────────────────────────────────
ԻՐԱԿԱՆԱՑՄԱՆ ԱԿՆԿԱԼԻՔՆԵՐ
──────────────────────────────────────────────

Աշխատեք անմիջապես հետևյալում.

/taxtello/beta-motion

Ստեղծեք նոր կազմը արդեն իսկ գոյություն ունեցողի կողքին։

Պահպանեք առկա կոմպոզիցիաների աշխատանքը։

Կառուցեք նոր աշխատանքը մաքուր կերպով։

Նախընտրեք վերօգտագործելի պրիմիտիվներ հետևյալի համար՝

• տեսախցիկի մակերես
• ապրանքի շրջանակ
• դիմակավորված անցումներ
• տեքստը բացահայտում է
• UI տարածքը բացահայտում է
• շրջակա լուսավորություն
• համատեղ տարրերի անցումներ

Խուսափեք մեկ 1500 տողանոց բաղադրիչից։

Օգտագործեք կադր/ժամանակի վրա հիմնված դետերմինիստական Remotion անիմացիա։

Սահմանված ժամանակի սահմանափակում չկա։
Ոչ դետերմինիստական անիմացիաներ չկան։

Հարգեք 60 կադր/վրկ ամբողջ ընթացքում։

Միտումնավոր օգտագործեք ինտերպոլյացիան/զսպանակը/մեղմացումը։

──────────────────────────────────────────────
ԱՌԱՋԻՆ ԻՐԱԿԱՆԱՑՄԱՆՑ ՀԵՏՈ ՄԻ ԿԱՆԳՆԵՔ
──────────────────────────────────────────────

Սա տեսողական առաջադրանք է։

Դուք ՊԱՐՏԱՎՈՐ է վերանայել իրական արտապատկերված արդյունքը։

Պարտադիր աշխատանքային հոսք.

1. Ստուգեք պահոցը և իրական ապրանքանիշը/արտադրանքը։

2. Գրեք համառոտ սցենար՝ օգտագործելով.
- ճշգրիտ ժամանակային նշաններ
- հիմնական տեսողական
- անցումային տրամաբանություն
- պատճեն
- նախատեսված հուզական ռիթմ

3. Կիրառեք այն։

4. Գործարկեք տիպի ստուգում / համապատասխան ստուգումներ:

5. Ներկայացուցչական կադրերը մոտավորապես ներկայացրեք՝
0.0 վ
1.0 վրկ
2.5 վ
4.5 վ
6.5 վրկ
8.5 վրկ
10.5 վրկ
12.5 վրկ
14.0 վրկ
14.8 վրկ

6. Տեսողականորեն զննեք այդ պատկերները։

Մի՛ պարզապես հաստատեք, որ մատուցումը հաջողվել է։

Հարցրեք.

Սա Apple-ի մակարդակի ապրանքային ֆիլմի տեսք ունի՞։

Ինչ-որ բան շաբլոնի տեսք ունի՞։

Էկրանին չափազանց շատ բան կա՞։

Ապրանքը ընթեռնելի՞ է։

Անցումները տրամաբանորեն կապված են՞

Taxtello ոսկին պրեմիում է՞ թվում։

Արդյո՞ք յուրաքանչյուր կադր կազմված տեսք ունի։

7. Ուղղեք տեսողական թերությունները։

8. Ռենդրեք ամբողջական ֆիլմը։

9. Ստուգեք վերջնական MP4 ից մի քանի ճշգրիտ վերծանված կադրեր, ոչ միայն զննարկիչից
էկրանի նկարներ։

10. Անհրաժեշտության դեպքում կրկնեք։

Մի՛ հայտարարեք հաջողության մասին, քանի որ կոդը կոմպիլացվում է։

Արդյունքը ՖԻԼՄՆ է։

──────────────────────────────────────────────
Որակի բար
──────────────────────────────────────────────

Մերժեք ձեր սեփական արդյունքը, եթե այն ձեզ հետևյալն է թվում.

• SaaS ձևանմուշ
• PowerPoint անիմացիա
• կայքի էկրանի ձայնագրություն
• Remotion ընդհանուր ցուցադրական տարբերակ
• կրիպտո գովազդ
• արհեստական բանականության կողմից ստեղծված գովազդային ձևանմուշ
• հինգ էկրանի պատկերներ սահում են շուրջը
• չափազանց շատ մարքեթինգային տեքստ

Յուրաքանչյուր կարևոր կադր պետք է բավականաչափ լավը լինի որպես անշարժ գովազդ օգտագործելու համար։

Ես կնախընտրեի ունենալ.

3 անհավանական տեսողական պահեր

քան

10 միջակ գեղարվեստական անիմացիաներ։

──────────────────────────────────────────────
Վերջնական արդյունքներ
──────────────────────────────────────────────

Տրամադրել՝

1. Վերջնական սցենար
2. Նոր Remotion կոմպոզիցիայի աղբյուր
3. 1920×1080 / 60fps վերջնական MP4
4. Պաստառ/վերջնական շրջանակ
5. Ֆիլմի ներկայացուցչական կադրերով կոնտակտային թերթիկ
6. Ճշգրիտ աշխատանքային ժամանակ
7. Օգտագործված Taxtello իրական ակտիվների/էկրանների ցանկ
8. Շարժման լեզվի համառոտ բացատրություն
9. Մնացած տեսողական թերություններ
10. Հրամաններ՝ վերարտադրելու համար

Պահպանեք արդյունքները հստակ անվանված գրացուցակում, օրինակ՝

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

Ոչինչ մի տեղակայեք։
Մի՛ փոփոխեք արտադրական տվյալները։
Ոչինչ մի՛ միաձուլեք։

Ամբողջ ուժով ստեղծագործեք, բայց անողոք զսպվածություն ցուցաբերեք։

Տաքստելլոն թանկ տեսք տվեք։

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.

Հուշումը վերցված է գրառում @daniel_haida.