Taxtello记账应用程序电影

您是 Taxtello 的高级动态设计师、产品设计师和Remotion工程师。

你的任务是为 Taxtello 制作一部真正优质的、苹果级别的宣传片。

这不是一篇通用的SaaS产品介绍文章。
这不是功能演示。
这不是启动模板动画。

我想要一个不超过 15 秒的品牌/产品展示视频，让 Taxtello 看起来像是一款成熟、昂贵、设计精美的金融产品。

思考：

苹果产品发布会影片
× 高端金融科技
× 编辑动态设计
× 克制的条纹状产品展示
× Taxtello 自身的视觉形象

期望的反应是：

“等等，这是个德国的记账应用吗？”

这部电影应该给人一种制作精良的感觉。

────────────────────────────────────
存储库/真实来源
────────────────────────────────────

在进行任何设计之前，请先检查实际的存储库。

主要产品：
/taxtello/主线

现有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/artifacts/smoke-ui-smoke/

优先使用最新的有效截图/当前源代码，而不是过时的资料。

目前已经有一个 24 秒的Remotion英雄动画。
/taxtello/beta-motion。

请勿更换。
不要倒退。
不要将目前电影中关于人工智能连接的故事情节强行移植到这部新电影中。

请为此任务创作一篇新的独立文章，例如：

TaxtelloShowreel15

您可以重复利用优秀的底层架构、字体、渲染工具、运动基元等。
在适用的情况下，从 beta-motion 中简化曲线、资产加载和 QA 基础设施。

但从创作角度来看，这应该是一部全新的电影。

在实施之前，请检查 Taxtello 的实际用户界面并了解产品。

不要凭空创造不存在的功能。

────────────────────────────────────
真正的塔克塞洛视觉语言
────────────────────────────────────

使用真正的设计系统。

核心调色板：

背景：
#0c0f1a

高架表面：
#111525
#131722
#1a2032

主要品牌黄金：
#e8b84b

金色高光：
#f5d07a

黄金深度：
#9b6d18

原文：
#e8eaf2

强烈的暖白色：
#f6f4eb

次要文本：
#8b93b5

积极的：
#34d399

仅在语义上必要时才使用否定/错误：
#f87171

字体排印：
Plus Jakarta Sans

数字/财务数值（如适用）：
JetBrains Mono

使用 Taxtello 官方文字商标和/或 Taxtello 商标。
请勿重新绘制或近似绘制该标志。

Taxtello 的金色应该像是一种珍贵的点缀，而不是泛黄的用户界面。

思考：
暗金属
暖金色
玻璃
墨水
精确
沉稳的自信

不是：
赛博朋克
加密货币
氖
赌博
通用人工智能紫色
彩虹渐变

────────────────────────────────────
核心创作规则
────────────────────────────────────

严格遵守以下规则：

1. 一次机会 = 一个想法。

2. 每个场景都需要留出呼吸的空间。

3. 产品用户界面是关键。

4. 不要到处张贴说明文字。

5. 除非有特殊原因，否则不要使用硬切。

6. 优先选择对象驱动的过渡效果：
一张牌变成下一张牌。
海图线变成了连接线，
收据就变成了预订单。
数字成为另一个界面元素，
镜头穿过产品。

7. 使用高级缓动。
没有线性运动。

8. 动作应自然重叠。
元素不应该全部在同一帧开始和结束。

9. 谨慎使用深度：
看法，
柔和视差
规模，
前景/背景分离，
如果条件允许，应控制景深。

10. 仅仅因为看起来很酷就产生某种效果是不存在的。

11. 无粒子特效干扰。

12. 并非处处都是虚假的玻璃态。

13. 无过度模糊。

14. 没有无意义的 3D 旋转卡片。

15. 无需持续缩放。

16. 没有 20 种不同的动画风格。

17. 无弹跳用户界面。

18. 没有冗长的营销段落。

19. 不要逐帧模仿苹果公司的某个广告。
应该关注其理念和产品品质。

视觉上的自信应该源于克制。

────────────────────────────────────
格式
────────────────────────────────────

主主控：

1920 × 1080
60帧/秒
16:9
H.264
最长持续时间：15.0 秒

目标运行时环境：
大约 14.0–15.0 秒。

即使没有声音，它也必须能够作为社交媒体产品发布会使用。

如果条件允许，在完成主图之后，还可以创作一幅刻意重新构图的作品。
垂直/社交变体。

不要仅仅裁剪桌面图片。

但桌面主机才是首要任务。

────────────────────────────────────
故事/情感弧线
────────────────────────────────────

不要列出五个功能。

它应该感觉像是一个连续的思维过程：

混乱 → 控制 → 清晰 → 塔克斯特洛

开头1.5秒必须看起来就很有档次。

产品首次真正发挥作用的时刻应该在大约 2 秒内发生。

没有五秒钟的片头logo。

可能的叙事方向：

“关于您业务的一切，终于汇聚于此。”

但要用实际行动来证明，而不是用语言解释。

我希望整部电影中大约有四个视觉创意。

使用存储库中你能找到的最强的 REAL Taxtello 曲面。

优秀的候选人包括：

• Finanzcockpit / 仪表盘
• 计算
• 贝莱奇
• 银行/匹配
• Steuergesundheit / 税务概述

您无需全部展示。

选择视觉效果最强的组合。

────────────────────────────────────
建议的15秒故事板
────────────────────────────────────

将此视为一个良好的起点，而不是一个僵化的模板。

0.00 – 1.20

黑色/海军蓝。

一道微弱的暖金色光芒闪现。

闪光优雅地显现出塔克斯特罗的标记或其碎片。
文字商标。

没有通用的标志褪色效果。

想想机械加工的精度。

摄像机穿过或越过标记，用户界面开始从中显现出来。

几乎没有或完全没有副本。

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

1.20 – 4.40

财务控制。

将 Taxtello 驾驶舱以立体产品表面的形式呈现出来。

不仅仅是屏幕上的截图。

重新构建/裁剪/分层，使各个界面区域可以实现动画效果。

关键的财务数据得到了清晰的解答。
图表逐渐收拢。
支持指标的稳定时间略晚一些。

采用微妙的错位手法。

例如，可能只显示一行文字：

“一切尽在眼前。”

或者您也可以用其他同样简短的德语短语来代替，如果您觉得有更合适的的话。

最多3-4个字。

界面必须保持与真实产品相符的辨识度。

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

4.40 – 7.50

文件/簿记转型。

使用前一场景中的视觉对象作为过渡效果。

例子：

金色的图表标记延伸到收据/卡片的角落。
镜头跟随它移动。
收据/文件录入。
Taxtello 对其进行识别或整理。
该文档可以优雅地嵌入到相应的预订/财务记录中。

采用磁性对准和高精度技术。

没有那种廉价的激光扫描仪。

没有漂浮的纸龙卷风。

可能的微文案：

“Belege. Erledigt.”

只有当它能改善场景时才行。

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

7.50 – 10.70

资金/发票。

自然地变形或过渡到真正的 Rechnungen 界面。

利用一个强有力的瞬间：

发票状态发生变更，
付款已解决。
一笔款项到位，
或者概览会自动生成。

数字应该触感清晰且精确。

如果这与实际产品相符，请使用 JetBrains Mono。

金色凸显活跃状态。

绿色仅用于表示真正积极的语义状态。

潜在文案：

“Geld. Im Griff.”

再次强调：此部分内容为可选，且篇幅极短。

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

10.70 – 12.80

税务/透明度。

过渡到真正的 Taxtello 税务健康/财务指导界面。

不要声称 Taxtello 能神奇地保证税款正确。

沟通可视性和控制力。

例子：

多个嘈杂的信号合并成一个冷静、结构化的税务概览。

潜在文案：

“Steuern im Blick.”

这一幕应该比上一幕更平静一些。

节奏短暂地放缓。

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

12.80 – 15.00

品牌回报。

将相机向外拉。

用户界面会压缩或折叠成一个美观的 Taxtello 产品对象/表面。

周围再次陷入黑暗。

金色的 Taxtello 字标清晰可见。

下方是一行简短的品牌宣传语。

可以尝试以下这类强有力的结尾句：

“Dein Business. Klar.”

“Buchhaltung。Unter Kontrolle。”

“Einfach mehr Überblick。”

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

根据你在产品库中找到的实际产品定位进行选择。

不要仅仅因为我建议就使用某条线。

最后一帧必须足够静止才能被识别。

自信地结束。

没有巨大的弹跳式行动号召按钮。

────────────────────────────────────
过渡
────────────────────────────────────

这是最重要的部分之一。

我想要那种能引发观众思考的转场效果：

“当然，下一幕就是由此而来。”

好的：

图表线 → 文档边缘
金丸 → 发票按钮
财务数据 → 发票金额
卡边 → 下一个表面
相机推入式界面元素
共享几何
使用实际产品形状揭晓面具

坏的：

交叉淡入淡出
随机擦除
自旋转变
毛刺
每两秒快速摇摄
通用SaaS左滑
缩放模糊垃圾邮件

只有当刻意营造的节奏感对影片有益时，才允许直接剪辑。

────────────────────────────────────
运动
────────────────────────────────────

运动需要重量。

使用与以下曲线类似的曲线：

三次贝塞尔曲线(0.16, 1, 0.3, 1)

在适当的情况下。

不同元素的到达时间应该略有不同。

更喜欢：

预期
超调量低于约2%
安顿
运动延续
场景间共享速度

避免卡通式的弹性。

镜头运动应该感觉像是高端微距产品拍摄。

想象一下，我们明明是在拍摄一款软件，却在拍摄一个实实在在的高级商品。

────────────────────────────────────
照明/材料
────────────────────────────────────

使用极其柔和的环境照明。

可能的治疗方法：

• 柔和的金色边框照明
• 深海军蓝渐变
• 淡淡的环境光晕
• 柔和的镜面高光掠过表面
• 克制的小插曲
• 如果细微的纹理有实质性帮助的话

保持界面简洁清晰。

不要为了追求电影效果而模糊产品图像。

没有会破坏清晰度的虚假光泽反射。

────────────────────────────────────
排版
────────────────────────────────────

尽量少用文字。

任何句子都不应该与产品本身相竞争。

标题一般应写在一行内。

使用 Plus Jakarta Sans。

醒目的字体有时可以放大到非常大的尺寸，并成为一种过渡效果。
设备本身。

避免使用每个单词独立动画的通用动态图形行为。

字体应该像设计好的物体一样移动。

────────────────────────────────────
声音/节奏
────────────────────────────────────

设计动作时，假设节奏约为BPM 115-120 次：
高端、动感、精致，而非急躁。

重要的时刻应该以音乐来烘托气氛。

建议的语音语言：

• 低冲击力，重大揭晓
• 克制的触觉用户界面点击
• 微妙的金属/玻璃色调
• 镜头切换期间的柔和低频运动
• 标志结尾处优雅而坚定的基调

避免：

• 电影预告片热潮
• EDM升降台
到处都是响亮的呼啸声。
• 库存“技术界面”声音
• 说唱节奏
• 强劲的低音

如果项目中没有合法安全的音乐/音频素材，请勿提取。
来自互联网的受版权保护的音频。

提供不含版权音乐的视觉母带，并创建简洁明了的提示。
描述音乐/音效应出现位置的表格。

如果有合适的安全/本地音频源，请使用它。

────────────────────────────────────
仅售正品
────────────────────────────────────

这至关重要。

检查当前主电源。

不要发明屏幕。

不要捏造暗示真实客户数据的指标。

必要时使用明确的合成/演示安全值。

不要意外泄露任何个人信息、测试用户信息或生产信息。

重用 Taxtello 实际用户界面的视觉结构。

如果需要对屏幕进行运动分离，请在React中忠实地重新创建它。
真正的设计系统，而不是简单地放大一张巨大的屏幕截图。

最终效果应该仍然清晰地呈现出 Taxtello 的风格。

────────────────────────────────────
实施预期
────────────────────────────────────

直接从事以下工作：

/taxtello/beta-motion

在现有构图旁边创建新的构图。

保持现有组件正常运行。

将新工作结构清晰地组织起来。

优先使用可重用的基本元素：

• 相机表面
• 产品框架
• 掩码过渡
• 文字揭示
• 用户界面区域显示
• 环境照明
• 共享元素转换

避免使用一个 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. 目视检查这些图像。

不要仅仅确认渲染成功。

问：

这看起来像是苹果级别的宣传片吗？

有没有什么看起来像模板的东西？

屏幕上的信息是不是太多了？

产品标识清晰可辨吗？

转换之间逻辑上是否相互关联？

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.