Quraşdırılır: Taxtello mühasibat uçotu tətbiqi filmi

Siz Taxtello şirkətində baş hərəkət dizayneri, məhsul dizayneri və Remotion mühəndisisiniz.

Taskınız Taxtello üçün həqiqətən də premium, Apple səviyyəli məhsul filmi yaratmaqdır.

Bu, ümumi SaaS izahı DEYİL.
Bu, funksiyaya dair təlimat DEYİL.
Bu, başlanğıc şablonu animasiyası DEYİL.

Taxtello-nu yetkin, bahalı və gözəl dizayn edilmiş maliyyə məhsulu kimi göstərən maksimum 15 saniyəlik bir brend/məhsul nümayişi istəyirəm.

Düşünün:

Apple məhsulunun təqdimat filmi
× premium fintech
× redaksiya hərəkət dizaynı
× təmkinli Zolaq bənzəri məhsul təqdimatı
× Taxtello-nun öz vizual kimliyi

İstədiyiniz reaksiya belədir:

"Gözlə, bu, Alman mühasibat tətbiqidir?"

Film bahalı görünməlidir.

─...
REPO / HƏQİQƏT MƏNBƏYİ
─...

Bir şey dizayn etməzdən əvvəl əvvəlcə real depoları yoxlayın.

Əsas məhsul:
/taxtello/əsas

Mövcud Remotion layihəsi:
/taxtello/beta-motion

Əhəmiyyətli real brend mənbələri:

/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

Mövcud məhsul ekran görüntülərini aşağıdakı linkdən tapa bilərsiniz:

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

Köhnəlmiş artefaktlardan daha çox ən yeni etibarlı ekran görüntülərinə/cari mənbəyə üstünlük verin.

Artıq 24 saniyəlik Remotion qəhrəman animasiyası mövcuddur.
/taxtello/beta-motion.

ƏVƏZ ETMƏYİN.
Onu geriyə qaytarmayın.
Mövcud süni intellekt əlaqələri süjet xəttini bu yeni filmə məcbur etməyin.

Bu tapşırıq üçün yeni müstəqil bir kompozisiya yaradın, məsələn,

TaxtelloShowreel15

Yaxşı infrastrukturdan, şriftlərdən, göstərmə proqramlarından, hərəkət primitivlərindən istifadə edə bilərsiniz.
faydalı olduqda beta-hərəkətdən əyriləri, aktivlərin yüklənməsini və keyfiyyət təminatı infrastrukturunu yumşaltmaq.

Amma yaradıcılıq baxımından bu, yeni bir film olmalıdır.

Tətbiq etməzdən əvvəl, faktiki Taxtello istifadəçi interfeysini yoxlayın və məhsulu başa düşün.

Mövcud olmayan funksionallıq icad etməyin.

─...
ƏSL TAXTELLO VİZUAL DİLİ
─...

Həqiqi dizayn sistemindən istifadə edin.

Əsas palitra:

Arxa plan:
#0c0f1a

Yüksək səthlər:
#111525
#131722
#1a2032

Əsas marka qızıl:
#e8b84b

Qızıl vurğu:
#f5d07a

Qızıl dərinliyi:
#9b6d18

Əsas mətn:
#e8eaf2

Güclü isti ağ:
#f6f4eb

İkinci dərəcəli mətn:
#8b93b5

Müsbət:
#34d399

Yalnız semantik cəhətdən zəruri olduqda mənfi/səhv:
#f87171

Tipoqrafiya:
Plus Jakarta Sans

Uyğun olduqda rəqəmlər / maliyyə dəyərləri:
JetBrains Mono

Əsl Taxtello söz işarəsindən və/və ya Taxtello işarəsindən istifadə edin.
Loqonu yenidən çəkməyin və ya təqribiləşdirməyin.

Taxtello-nun qızılı sarı UI seli deyil, qiymətli bir vurğu kimi hiss olunmalıdır.

Düşünün:
tünd metal
isti qızıl
şüşə
mürəkkəb
dəqiqlik
sakit özünəinam

DEYİL:
kiberpank
kripto
neon
oyun
ümumi süni intellekt bənövşəyi
göy qurşağı qradiyentləri

─...
ƏSAS YARADICI QAYDALAR
─...

Bu qaydalara amansızcasına əməl edin:

1. BİR ŞƏKİL = BİR İDEYA.

2. Hər səhnənin nəfəs almaq üçün yer olması lazımdır.

3. Məhsulun istifadəçi interfeysi qəhrəmandır.

4. İzahlı mətni hər yerə yapışdırmayın.

5. Qəsdən bir səbəb olmadığı təqdirdə sərt kəsiklərdən istifadə etməyin.

6. Obyekt yönümlü keçidlərə üstünlük verin:
bir kart növbəti karta çevrilir,
qrafik xətti bağlayıcıya çevrilir,
qəbz sifarişə çevrilir,
bir rəqəm başqa bir interfeys elementinə çevrilir,
kamera məhsulun içindən hərəkət edir.

7. Premium yumşaldıcı tədbirlərdən istifadə edin.
Xətti hərəkət yoxdur.

8. Hərəkət təbii şəkildə üst-üstə düşməlidir.
Elementlərin hamısı eyni çərçivədə başlayıb dayanmamalıdır.

9. Dərinlikdən az istifadə edin:
perspektiv,
yumşaq parallaks,
miqyaslı,
ön/arxa plan ayrılması,
mümkün olduqda sahənin dərinliyinin idarə olunması.

10. Sadəcə gözəl göründüyü üçün heç bir effekt yoxdur.

11. Hissəcik spamı yoxdur.

12. Hər yerdə saxta şüşə morfizmi yoxdur.

13. Həddindən artıq bulanıqlıq yoxdur.

14. Mənasız 3D fırlanan kartlar yoxdur.

15. Daimi böyütmə yoxdur.

16. 20 fərqli animasiya üslubu yoxdur.

17. Sıçrayışlı istifadəçi interfeysi yoxdur.

18. Nəhəng marketinq abzası yoxdur.

19. Apple-ın müəyyən bir reklam çarxını təkrar-təkrar təqlid etməyin.
Bunun əvəzinə, fəlsəfəni və istehsal keyfiyyətini ələ keçirin.

Vizual özünəinam təmkinlilikdən qaynaqlanmalıdır.

─...
FORMAT
─...

Əsas usta:

1920 × 1080
60 kadr/s
16:9
H.264
maksimum müddət: 15.0 saniyə

Hədəf işləmə müddəti:
təxminən 14.0–15.0 saniyə.

Səssiz belə sosial media məhsulunun təqdimatı kimi işləməlidir.

Əgər master bitdikdən SONRA praktikdirsə, qəsdən yenidən tərtib edilmiş bir əsər də yaradın.
şaquli/sosial variant.

Masaüstü kompozisiyasını sadəcə kəsməyin.

Amma masaüstü ustası prioritetdir.

─...
HEKAYƏ / DUYĞULAR ARK
─...

Bunu beş xüsusiyyətdən ibarət siyahıya salmayın.

Bu, davamlı bir düşüncə kimi hiss olunmalıdır:

XAOS → NƏZARƏT → AYDINLIQ → TAXTELLO

İlk 1,5 saniyə artıq əla görünməlidir.

İlk mənalı məhsul anı təxminən 2 saniyə sonra baş verməlidir.

Beş saniyəlik loqo girişi yoxdur.

Mümkün hekayə istiqaməti:

"Nəhayət ki, biznesiniz haqqında hər şey bir yerdə."

Amma bunu izah etmək əvəzinə GÖSTƏRİN.

Bütün film boyunca təxminən dörd vizual ideya istəyirəm.

Anbarda tapdığınız ən güclü REAL Taxtello səthlərindən istifadə edin.

Güclü namizədlərə aşağıdakılar daxildir:

• Finanzcockpit / İdarəetmə paneli
• Rechnungen
• Belege
• Bank / uyğunlaşdırma
• Steuergesundheit / vergi icmalı

Hamısını göstərməyə ehtiyac YOXDUR.

Vizual olaraq ən güclü birləşməni seçin.

─...
TƏKLİF OLUNAN 15 SANİYƏLİK RAFERA
─...

Buna sərt bir şablon deyil, güclü bir başlanğıc nöqtəsi kimi yanaşın.

0.00 – 1.20

QARA / Tünd göy.

Kiçik bir isti qızılı parıltı görünür.

Parıltı zərif şəkildə ya Taxtello işarəsini, ya da onun bir parçasını ortaya qoyur
söz işarəsi.

Ümumi loqo solması yoxdur.

Dəzgah dəqiqliyini düşünün.

Kamera işarənin üzərindən və ya yanından keçir və UI oradan çıxmağa başlayır.

Çox az və ya heç bir nüsxəsi yoxdur.

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

1.20 – 4.40

MALİYYƏ NƏZARƏTİ.

Ölçülü məhsul səthi kimi faktiki Taxtello kokpitini göstərin.

Sadəcə ekranda yerləşdirilən ekran görüntüsü deyil.

Fərdi interfeys bölgələrinin canlana bilməsi üçün onu yenidən qurun/kəsin/qatlayın.

Qəhrəmanın maliyyə rəqəmi qəti şəkildə həll olunur.
Diaqram içəri çəkir.
Dəstəkləyici metriklər bir az sonra həll olunur.

İncə bir hərəkətlə hərəkət edin.

Məsələn, tək bir sətir nüsxə görünə bilər:

“Alles im Blick.”

və ya daha uyğun bir şey tapsanız, eyni dərəcədə qısa bir Alman ifadəsi.

Maksimum ~3–4 söz.

İnterfeys əsl məhsul kimi tanınmalıdır.

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

4.40 – 7.50

SƏNƏDLƏRİN / MÜHASİBATIN DƏYİŞDİRİLMƏSİ.

Keçid kimi əvvəlki səhnədən vizual obyektdən istifadə edin.

Nümunə:

Qızıl qrafik nöqtəsi qəbzin/kartın küncünə doğru genişlənir.
Kamera onu izləyir.
Qəbz/sənəd daxil olur.
Taxtello onu müəyyən edir və ya təşkil edir.
Sənəd zərif şəkildə müvafiq sifariş/maliyyə qeydlərinə daxil edilir.

Maqnit uyğunlaşdırma və dəqiqlikdən istifadə edin.

Lazerli skaner yoxdur.

Üzən kağız tornado yoxdur.

Mümkün mikrokopiya:

“Belege. Erledigt.”

Yalnız səhnəni yaxşılaşdırarsa.

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

7.50 – 10.70

PUL / FAKTURALAR.

Morf və ya keçid təbii olaraq real Rechnungen interfeysinə.

Bir güclü andan istifadə edin:

faktura statusunda dəyişikliklər,
ödəniş həll olunur,
bir miqdar yerinə doğru hərəkət edir,
və ya ümumi baxış öz-özünə toplanır.

Rəqəmlər toxunuşa uyğun və dəqiq olmalıdır.

Həqiqi məhsulla uyğun gəldiyi təqdirdə JetBrains Mono istifadə edin.

Qızıl aktiv vəziyyəti vurğulayır.

Yaşıl rəng yalnız həqiqətən müsbət semantik vəziyyət üçün istifadə olunur.

Potensial surət:

"Geld. Mən Qriffəm."

Yenə də: isteğe bağlı və son dərəcə qısa.

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

10.70 – 12.80

VERGİ / AÇIQLIQ.

Taxtello-nun vergi sağlamlığı/maliyyə rəhbərliyinin real səthinə keçid.

Taxtello-nun sehrli şəkildə düzgün vergilərə zəmanət verdiyini iddia etməyin.

Görünürlük və nəzarəti ünsiyyətdə saxlayın.

Nümunə:

Çoxsaylı səs-küylü siqnallar sakit, strukturlaşdırılmış vergi icmalına çökür.

Potensial surət:

“Steuern im Black.”

Bu səhnə əvvəlki səhnədən daha sakit hiss olunmalıdır.

Ritm qısa müddətə yavaşlayır.

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

12.80 – 15.00

MARKA ÖDƏNİŞİ.

Kameranı kənara çəkin.

İstifadəçi interfeysi bir gözəl Taxtello məhsul obyektinə/səthinə sıxılır və ya qatlanır.

Ətrafına qaranlıq qayıdır.

Qızılı Taxtello söz işarəsi həll olur.

Aşağıda qısa bir marka xətti var.

Aşağıdakı kimi güclü son xətləri araşdırın:

“Dein Business. Klar.”

"Buchhaltung. Unter Controlle."

"Einfach mehr Überblick."

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

Repoda tapdığınız faktiki məhsul mövqeyinə əsasən seçim edin.

Sadəcə mən təklif etdiyim üçün bir sətir istifadə etməyin.

Son kadrın qeydə alınması üçün kifayət qədər sakitliyi olmalıdır.

İnamla bitirin.

Nəhəng sıçrayan CTA yoxdur.

─...
KEÇİDLƏR
─...

Bu, ən vacib hissələrdən biridir.

İzləyicini düşündürən keçidlər istəyirəm:

"Əlbəttə ki, növbəti səhnə bundan sonra yarandı."

Yaxşı:

qrafik xətti → sənəd kənarı
qızıl həb → faktura düyməsi
maliyyə nömrəsi → fakturadakı məbləğ
kart kənarı → növbəti səth
kamera interfeys elementini təkanlayaraq
ortaq həndəsə
Həqiqi məhsul formalarından istifadə edərək maska aşkar edir

Pis:

çarpaz fade
təsadüfi silmə
fırlanma keçidi
nasazlıq
hər iki saniyədə bir tavaya
ümumi SaaS slayd-sola
böyütmə-blurlaşdırma spamı

Birbaşa kəsiklərə yalnız qəsdən ritmik təsir filmə fayda verdikdə icazə verilir.

─...
HƏRƏKƏT
─...

Hərəkət ağırlıq tələb edir.

Aşağıdakılarla müqayisə edilə bilən əyrilərdən istifadə edin:

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

lazım olduqda.

Fərqli elementlərin çatma vaxtları bir-birindən incə şəkildə fərqlənməlidir.

Üstünlük verin:

gözləmə
~2%-dən aşağı düşmə
məskunlaşma
hərəkətin davamı
səhnələr arasında paylaşılan sürət

Cizgi filmi yaylılığından çəkinin.

Kamera hərəkəti yüksək səviyyəli makro məhsul çəkilişləri kimi hiss olunmalıdır.

Təsəvvür edin ki, proqram təminatı olsa da, fiziki premium obyekti lentə alırıq.

─...
İŞIQLANDIRMA / MATERİAL
─...

Son dərəcə incə ətraf mühit işıqlandırmasından istifadə edin.

Mümkün müalicə üsulları:

• yumşaq qızılı çərçivəli işıqlandırma
• tünd göy rəngli fallout
• zəif ətraf mühit çiçəklənməsi
• səthdən keçən yumşaq güzgü işıqlandırması
• təmkinli vinyetka
• əgər maddi cəhətdən kömək edirsə, incə dənəli

İnterfeysi aydın saxlayın.

Məhsulu sadəcə kinematoqrafik görünmək üçün bulanıqlaşdırmayın.

Oxunma qabiliyyətini pozan saxta parlaq əkslər yoxdur.

─...
TİPOQRAFİYA
─...

Çox az surətdən istifadə edin.

Heç bir cümlə məhsulla rəqabət aparmamalıdır.

Başlıqlar ümumiyyətlə bir sətrə uyğun olmalıdır.

Plus Jakarta Sans-dan istifadə edin.

Güclü tipoqrafiya bəzən çox böyük miqyas ala və keçidə çevrilə bilər
cihazın özü.

Hər sözün müstəqil şəkildə canlandığı ümumi hərəkət qrafikası davranışından çəkinin.

Tipoqrafiya dizayn edilmiş obyektlər kimi hərəkət etməlidir.

─...
SƏS / RİTM
─...

Hərəkəti təxminən 115–120 BPM ə qədər kəsilmiş kimi dizayn edin:
premium, kinetik, incə, təlaşlı deyil.

Əhəmiyyətli anlar musiqili şəkildə qeyd olunmalıdır.

Təklif olunan səs dili:

• Böyük aşkarlama üçün aşağı yumşaq təsir
• toxunma interfeysi kliklərinin məhdudlaşdırılması
• incə metallik/şüşə tonallığı
• kamera keçidləri zamanı yumşaq aşağı tezlikli hərəkət
• Loqo ilə müqayisədə zərif və qətiyyətli ton

Çəkinin:

• nəhəng kinematoqrafik treyler bumu
• EDM qaldırıcıları
• hər yerdən ucadan səslər
• standart "texnoloji interfeys" səsləri
• rep ritmi
• aqressiv bas

Layihədə qanuni cəhətdən təhlükəsiz musiqi/audio aktivi yoxdursa, ÇƏKMƏYİN
internetdən müəllif hüquqları ilə qorunan audio.

Vizual ustanı müəllif hüquqları ilə qorunan musiqi olmadan təqdim edin və qısa bir işarə yaradın
musiqinin/SFX-in hara çatmalı olduğunu təsvir edən vərəq.

Uyğun təhlükəsiz/yerli audio varsa, ondan istifadə edin.

─...
YALNIZ ƏSL MƏHSUL
─...

Bu, çox vacibdir.

Cari əsas xətti yoxlayın.

Ekranlar icad etməyin.

Həqiqi müştəri məlumatlarını nəzərdə tutan ölçülər icad etməyin.

Lazım gələrsə, aydın şəkildə sintetik/demo-təhlükəsiz dəyərlərdən istifadə edin.

Təsadüfən şəxsi, sınaq istifadəçisi və ya istehsal məlumatlarını ifşa etməyin.

Faktiki Taxtello UI-nin vizual strukturundan yenidən istifadə edin.

Əgər ekranın hərəkətdən ayrılması lazımdırsa, onu React də düzgün şəkildə yenidən yaradın
sadəcə nəhəng bir ekran görüntüsünü miqyaslandırmaq əvəzinə, əsl dizayn sistemi.

Nəticə yenə də səhvsiz şəkildə Taxtelloya bənzəməlidir.

─...
TƏTBİQ GÖZLƏNİŞLƏRİ
─...

Birbaşa işləyin:

/taxtello/beta-motion

Mövcud kompozisiya ilə yanaşı yenisini yaradın.

Mövcud kompozisiyaları işlək vəziyyətdə saxlayın.

Yeni işi səliqəli şəkildə strukturlaşdırın.

Təkrar istifadə edilə bilən primitivlərə üstünlük verin:

• kamera səthi
• məhsul çərçivəsi
• maskalı keçidlər
• mətn aşkarlayır
• UI bölgəsi aşkarlanır
• ətraf işıqlandırması
• ortaq element keçidləri

1500 sətirlik bir komponentdən çəkinin.

Kadr/zamanla idarə olunan deterministik Remotion animasiyasından istifadə edin.

SetTimeout yoxdur.
Qeyri-deterministik animasiyalar yoxdur.

Hər yerdə 60 fps-ə hörmət edin.

İnterpolasiya/yay/yumşalmadan qəsdən istifadə edin.

─...
İLK TƏTBİQDƏN SONRA DAYANMAYIN
─...

Bu vizual bir tapşırıqdır.

Faktiki göstərilən nəticəni nəzərdən keçirməlisiniz.

Tələb olunan iş axını:

1. Anbarı və real markanı/məhsulu yoxlayın.

2. Aşağıdakılarla qısa bir hekayə lövhəsi yazın:
- dəqiq vaxt damğaları
- əsas vizual
- keçid məntiqi
- surəti
- nəzərdə tutulan emosional ritm

3. Onu tətbiq edin.

4. Tip yoxlamasını / müvafiq yoxlamaları işə salın.

5. Təmsilçi kadrları təxminən aşağıdakı şəkildə render edin:
0.0 s
1.0 s
2,5 saniyə
4.5 saniyə
6.5 saniyə
8.5 saniyə
10.5 saniyə
12.5 saniyə
14.0 s
14.8 saniyə

6. HƏMİN ŞƏKİLLƏRİ VİZUALLA YOXLAYIN.

Sadəcə renderin uğurlu olduğunu təsdiqləməyin.

Soruşun:

Bu, Apple səviyyəli məhsul filminə oxşayırmı?

Şablona oxşayan bir şey varmı?

Ekranda çox şey varmı?

Məhsul oxunaqlıdırmı?

Keçidlər məntiqi şəkildə bağlıdırmı?

Taxtello qızılı yüksək keyfiyyətli hiss olunurmu?

Hər çərçivə bəstəkar görünürmü?

7. Vizual zəiflikləri düzəldin.

8. Filmin tam versiyasını göstərin.

9. Yalnız brauzerdən deyil, son MP4 dən birdən çox dəqiq dekodlanmış kadrı yoxlayın
ekran görüntüləri.

10. Lazım gələrsə, yenidən təkrarlayın.

Kod kompilyasiya edildiyi üçün uğur elan etməyin.

Nəticə FİLM-dir.

─...
KEYFİYYƏT BAR
─...

Öz nəticənizi aşağıdakı kimi hiss edirsinizsə rədd edin:

• SaaS şablonu
• PowerPoint animasiyası
• veb sayt ekran qeydi
• ümumi bir Remotion demosu
• kripto reklamı
• süni intellekt tərəfindən yaradılan promo şablonu
• sürüşən beş ekran görüntüsü
• həddindən artıq marketinq mətni

Hər vacib çərçivə reklam kimi istifadə etmək üçün kifayət qədər yaxşı olmalıdır.

Mən daha çox istərdim:

3 qeyri-adi vizual anlar

daha

10 orta səviyyəli xüsusiyyətli animasiya.

─...
SON TƏQDİMATLAR
─...

Təmin edin:

1. Son hekayə lövhəsi
2. Yeni Remotion kompozisiya mənbəyi
3. 1920×1080 / 60fps son MP4
4. Poster/son çərçivə
5. Filmdən nümunəvi kadrları olan əlaqə vərəqi
6. Dəqiq işləmə müddəti
7. İstifadə olunan real Taxtello aktivlərinin/ekranlarının siyahısı
8. Hərəkət dilinin qısa izahı
9. Qalan vizual güzəştlər
10. Renderi təkrarlamaq əmrləri

Çıxışları aydın şəkildə adlandırılmış bir qovluqda saxlayın, məsələn:

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

Heç nə yerləşdirməyin.
İstehsal məlumatlarını dəyişdirməyin.
Heç nəyi birləşdirməyin.

Yaradıcılıqla hər şeyə hazır olun, amma amansız təmkin göstərin.

Taxtellonu bahalı göstərin.

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.

Sorğu buradan götürülüb post @daniel_haida.