Taxtello 회계 앱 영화

당신은 Taxtello의 수석 모션 디자이너, 제품 디자이너 및 Remotion 엔지니어입니다.

당신의 임무는 택스텔로(Taxtello)를 위한 진정으로 고급스러운, 애플 수준의 제품 홍보 영상을 제작하는 것입니다.

이것은 일반적인 SaaS 설명서가 아닙니다.
이 영상은 기능 사용법을 자세히 보여주는 영상이 아닙니다.
이것은 시작 템플릿 애니메이션이 아닙니다.

Taxtello가 고급스럽고 세련되게 디자인된 금융 상품처럼 보이도록 최대 15초 분량의 브랜드/제품 쇼케이스 영상을 제작해 주시면 좋겠습니다.

생각하다:

애플 제품 출시 영상
× 프리미엄 핀테크
× 에디터 모션 디자인
× 절제된 스트라이프 스타일의 제품 프레젠테이션
× 탁스텔로 고유의 시각적 정체성

원하는 반응은 다음과 같습니다.

"잠깐, 이거 독일 회계 앱이야?"

영화는 값비싼 영화처럼 느껴져야 한다.

────────────────────────────────────
저장소 / 진실의 원천
────────────────────────────────────

무엇을 설계하기 전에 먼저 실제 저장소를 검사하십시오.

주요 제품:
/taxtello/메인

기존 Remotion 프로젝트:
/taxtello/베타-모션

중요한 실제 브랜드 출처:

/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/베타모션.

교체하지 마십시오.
되돌리지 마세요.
현재 영화에 포함된 AI 연결 관련 스토리를 새 영화에 억지로 끼워 넣지 마세요.

이 과제를 위해 새로운 독립적인 작곡을 하세요. 예를 들면 다음과 같습니다.

택스텔로쇼릴15

잘 구축된 인프라, 글꼴, 렌더링 유틸리티, 모션 기본 요소 등을 재사용할 수 있습니다.
베타모션에서 유용한 경우, 곡선 완화, 자산 로딩 및 QA 인프라를 제공합니다.

하지만 창의적인 측면에서 볼 때, 이 영화는 완전히 새로운 작품이 되어야 합니다.

구현하기 전에 Taxtello의 실제 사용자 인터페이스를 살펴보고 제품을 이해하십시오.

존재하지 않는 기능을 만들어내지 마십시오.

────────────────────────────────────
리얼 탁스텔로 비주얼 랭귀지
────────────────────────────────────

실제 디자인 시스템을 사용하세요.

핵심 팔레트:

배경:
#0c0f1a

높은 표면:
#111525
#131722
#1a2032

주요 브랜드 골드:
#e8b84b

금색 하이라이트:
#f5d07a

금 함량:
#9b6d18

본문:
#e8eaf2

강렬한 따뜻한 흰색:
#f6f4eb

보조 텍스트:
#8b93b5

긍정적인:
#34d399

부정/오류는 의미적으로 필요한 경우에만 사용합니다.
#f87171

타이포그래피:
플러스 자카르타 산스

해당되는 경우 수치/재무적 가치:
젯브레인즈 모노

Taxtello 워드마크 및/또는 Taxtello 마크를 사용하십시오.
로고를 다시 그리거나 비슷하게 그리지 마십시오.

Taxtello의 금색은 고급스러운 포인트처럼 느껴져야지, 노란색 UI 전체를 뒤덮는 것처럼 느껴져서는 안 됩니다.

생각하다:
다크 메탈
따뜻한 금색
유리
잉크
정도
조용한 자신감

아니다:
사이버펑크
암호화폐
네온
노름
일반 AI 보라색
무지개 그라데이션

────────────────────────────────────
창작의 핵심 규칙
────────────────────────────────────

다음 규칙들을 철저하게 준수하십시오:

1. 한 번의 촬영 = 하나의 아이디어.

2. 모든 장면에는 숨 쉴 공간이 필요합니다.

3. 제품 UI가 핵심입니다.

4. 설명 문구를 여기저기 덕지덕지 붙이지 마십시오.

5. 특별한 이유가 없는 한 급격한 절단은 피하십시오.

6. 객체 중심 전환을 선호하세요:
한 카드가 다음 카드로 바뀝니다.
차트의 선이 연결선이 됩니다.
영수증이 예약이 됩니다.
숫자는 또 다른 인터페이스 요소가 됩니다.
카메라가 제품 내부를 통과하며 움직입니다.

7. 프리미엄 완화 기능을 활용하세요.
직선 운동이 없습니다.

8. 동작은 자연스럽게 겹쳐야 합니다.
모든 요소가 정확히 같은 프레임에서 시작하고 끝나서는 안 됩니다.

9. 깊이감은 적절하게 사용하세요:
관점,
소프트 패럴랙스,
규모,
전경/배경 분리,
가능하다면 피사계 심도를 조절하십시오.

10. 단지 멋있어 보인다는 이유만으로 효과가 존재하는 것은 아닙니다.

11. 입자 스팸 금지.

12. 인위적인 유리변형 현상이 도처에 존재하지 않아야 합니다.

13. 과도한 흐림 현상이 없어야 합니다.

14. 의미 없는 3D 회전 카드는 없습니다.

15. 지속적인 확대/축소가 없습니다.

16. 20가지의 다양한 애니메이션 스타일.

17. UI가 튀지 않습니다.

18. 거창한 마케팅 문구는 없습니다.

19. 특정 애플 광고를 장면 하나하나까지 그대로 모방하지 마십시오.
철학과 제작 품질을 포착하세요.

시각적인 자신감은 절제에서 나와야 합니다.

────────────────────────────────────
체재
────────────────────────────────────

기본 마스터:

1920 × 1080
60fps
16:9
H.264
최대 지속 시간: 15.0초

대상 런타임:
약 14.0~15.0초.

소리가 없더라도 소셜 미디어 제품 공개 영상으로서 제 역할을 해야 합니다.

가능하다면, 마스터 작업이 완료된 후에 의도적으로 재구성한 버전도 만들어 보세요.
수직적/사회적 변형.

데스크톱 구성을 단순히 자르는 데 그치지 마세요.

하지만 데스크톱 마스터가 우선입니다.

────────────────────────────────────
스토리/감정적 흐름
────────────────────────────────────

이것을 다섯 가지 특징으로만 구성된 목록으로 만들지 마세요.

마치 하나의 연속적인 생각처럼 느껴져야 합니다.

혼돈 → 통제 → 명확성 → 탁스텔로

처음 1.5초 동안에도 이미 고급스러운 느낌을 줘야 합니다.

첫 번째로 의미 있는 제품 경험이 발생하는 시점은 약 2초 이내여야 합니다.

5초짜리 로고 인트로 없음.

가능한 스토리 전개 방향:

"사업에 관한 모든 것을 이제 한 곳에서 확인하세요."

하지만 설명하는 대신 보여주세요.

영화 전체에 걸쳐 대략 네 가지 정도의 시각적 아이디어를 원합니다.

저장소에서 찾을 수 있는 가장 강력한 실제 Taxtello 표면을 사용하십시오.

유력한 후보는 다음과 같습니다:

• Finanzcockpit / 대시보드
• 영수증
• 벨레게
• 은행/매칭
• Steuergesundheit / 세금 개요

모든 항목을 다 보여줄 필요는 없습니다.

시각적으로 가장 강렬한 조합을 선택하세요.

────────────────────────────────────
15초 스토리보드 제안
────────────────────────────────────

이것을 엄격한 템플릿이 아닌, 훌륭한 출발점으로 생각하십시오.

0.00 – 1.20

블랙/네이비.

은은한 금빛 광채가 살짝 드러납니다.

그 반짝임은 탁스텔로 마크 또는 그 일부를 우아하게 드러냅니다.
워드마크.

일반적인 로고처럼 흐릿해지지 않습니다.

정밀 가공을 떠올려 보세요.

카메라가 표시된 지점을 통과하거나 지나가면 사용자 인터페이스가 그 지점에서 나타나기 시작합니다.

복사본이 거의 없거나 전혀 없습니다.

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

1.20 – 4.40

재무 관리.

택스텔로 조종석의 실제 모습을 입체적인 제품 표면으로 공개합니다.

단순히 화면에 스크린샷을 띄운 것이 아닙니다.

개별 인터페이스 영역이 애니메이션될 수 있도록 재구성/자르기/레이어링합니다.

주요 재무 수치는 명확하게 해결됩니다.
차트가 그려집니다.
보조 지표는 약간 후에 안정화됩니다.

미묘한 차이를 활용하세요.

예를 들어 다음과 같은 한 줄의 문구가 나타날 수 있습니다.

“모든 것이 한눈에.”

혹은 더 적절한 짧은 독일어 문구가 있다면 그것도 괜찮습니다.

최대 3~4단어.

인터페이스는 실제 제품과 동일하게 인식될 수 있어야 합니다.

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

4.40 – 7.50

문서/회계 관리의 혁신.

이전 장면의 시각적 개체를 전환 효과로 사용합니다.

예:

금색 차트 포인트가 영수증/카드 모서리 부분으로 확장됩니다.
카메라가 그것을 따라간다.
영수증/문서가 입력됩니다.
타스텔로는 그것을 식별하거나 정리합니다.
해당 문서는 관련 회계/재무 기록에 깔끔하게 들어맞습니다.

자기 정렬 및 정밀도를 활용하십시오.

싸구려 스캐너 레이저는 없습니다.

종이로 만든 회오리바람은 없습니다.

마이크로 복사본 가능성:

“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

브랜드 성과.

카메라를 바깥쪽으로 당기세요.

UI가 압축되거나 접혀 하나의 아름다운 Taxtello 제품 객체/표면으로 나타납니다.

주변에 다시 어둠이 찾아온다.

금색 Taxtello 워드마크가 나타납니다.

그 아래에 짧은 브랜드 라인이 하나 있습니다.

다음과 같은 강렬한 마무리 문구를 살펴보세요:

“당신의 사업입니다. 분명합니다.”

"Buchhaltung. Unter Kontrolle."

"Einfach mehr Überblick."

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

저장소에서 찾을 수 있는 실제 제품 포지셔닝을 기준으로 선택하세요.

제가 제안했다고 해서 그 대사를 그대로 사용하지 마세요.

마지막 프레임은 제대로 인식될 수 있도록 충분한 정지 상태를 갖춰야 합니다.

자신감 있게 마무리하세요.

거대한 튕기는 CTA 버튼이 없습니다.

────────────────────────────────────
전환
────────────────────────────────────

이 부분이 가장 중요한 부분 중 하나입니다.

나는 시청자가 생각하게 만드는 전환 효과를 원한다:

"물론 다음 장면은 거기서부터 시작됐죠."

좋은:

차트 선 → 문서 가장자리
금 알약 → 송장 버튼
재무 번호 → 송장 금액
카드 가장자리 → 다음 표면
카메라가 인터페이스 요소를 통과하도록 설계되었습니다.
공유된 기하학
실제 제품 형태를 사용하여 마스크를 공개합니다.

나쁜:

크로스페이드
랜덤 초기화
스핀 전이
글리치
2초마다 휘핑팬을
일반 SaaS 슬라이드 왼쪽
줌-흐림 스팸

직접적인 편집은 의도적인 리듬적 효과가 영화에 도움이 될 때만 허용됩니다.

────────────────────────────────────
운동
────────────────────────────────────

움직임에는 무게가 필요합니다.

다음과 유사한 곡선을 사용하십시오:

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

적절한 경우에 한해서.

각 요소들은 도착 시간이 미묘하게 달라야 합니다.

선호하다:

예기
약 2% 미만으로 오버슈트
고정
동작 지속
장면 간 공유 속도

만화처럼 탄력적인 움직임을 피하세요.

카메라 움직임은 고급 제품 접사 촬영처럼 느껴져야 합니다.

소프트웨어임에도 불구하고 마치 실물 프리미엄 제품을 촬영하는 것처럼 상상해 보세요.

────────────────────────────────────
조명/소재
────────────────────────────────────

매우 은은한 주변 조명을 사용하십시오.

가능한 치료법:

• 은은한 금빛 테두리 조명
• 짙은 남색
• 희미한 주변광
• 표면을 가로지르는 부드러운 반사광
• 절제된 삽화
• 미세한 결이 도움이 된다면

인터페이스를 깔끔하게 유지하세요.

영화처럼 보이게 하려고 제품 사진을 흐리게 처리하지 마세요.

가독성을 저해하는 인위적인 광택 반사가 없습니다.

────────────────────────────────────
타이포그래피
────────────────────────────────────

문구를 최소한으로 사용하세요.

어떤 문장도 제품과 경쟁해서는 안 됩니다.

제목은 일반적으로 한 줄에 맞아야 합니다.

Plus Jakarta Sans를 사용하세요.

뛰어난 타이포그래피는 때때로 매우 큰 크기로 확대되어 전환 효과를 낼 수 있습니다.
기기 자체.

모든 단어가 독립적으로 애니메이션되는 일반적인 모션 그래픽 동작은 피하십시오.

타이포그래피는 디자인된 객체처럼 움직여야 합니다.

────────────────────────────────────
소리/리듬
────────────────────────────────────

약 115~120 BPM 의 박자에 맞춰 동작을 디자인하세요.
고급스럽고, 역동적이며, 세련되었지만, 정신없지는 않습니다.

중요한 순간은 음악으로 표현되어야 한다.

제안된 음성 언어:

• 주요 공개 행사에 적합한 낮은 충격 흡수력
• 절제된 촉각 UI 클릭
• 은은한 금속/유리빛 느낌
• 카메라 전환 중 부드럽고 낮은 주파수의 움직임
• 로고의 핵심 메시지에 우아하고 깔끔한 분위기가 담겨 있습니다.

피하다:

• 엄청난 영화 예고편 열풍
• EDM 라이저
• 사방에서 큰 쉿 소리가 들린다
• 기본 "기술 인터페이스" 사운드
• 랩 비트
• 공격적인 베이스

프로젝트에 법적으로 문제가 없는 음악/오디오 파일이 없는 경우, 절대로 삭제하지 마세요.
저작권이 있는 인터넷 오디오입니다.

저작권이 있는 음악 없이 비주얼 마스터를 제공하고 간결한 큐를 만드세요.
음악/효과음이 나와야 할 위치를 설명하는 시트.

적절하고 안전한/지역 오디오 자료가 있다면 사용하십시오.

────────────────────────────────────
실제 제품만 판매합니다.
────────────────────────────────────

이것은 매우 중요합니다.

현재 메인 회로를 점검하십시오.

화면을 발명하지 마세요.

실제 고객 데이터인 것처럼 보이게 하는 지표를 만들어내지 마십시오.

필요한 경우 명확하게 합성/시연용 안전 값을 사용하십시오.

개인 정보, 테스트 사용자 정보 또는 제품 정보를 실수로 노출하지 마십시오.

Taxtello UI의 시각적 구조를 재사용합니다.

화면을 모션 분리해야 하는 경우 React 에서 해당 화면을 충실하게 재현하세요.
단순히 거대한 스크린샷을 확대하는 것이 아니라, 진정한 디자인 시스템을 적용하는 것입니다.

결과물은 여전히 누가 봐도 탁스텔로처럼 보여야 합니다.

────────────────────────────────────
구현 기대 사항
────────────────────────────────────

다음 분야에서 직접 근무하세요:

/taxtello/베타-모션

기존 작품과 함께 새로운 작품을 만드세요.

기존 구성 요소가 계속 작동하도록 유지하세요.

새로운 작업을 깔끔하게 구성하세요.

재사용 가능한 기본 요소를 선호하는 이유는 다음과 같습니다.

• 카메라 표면
• 제품 프레임
• 마스크된 전환
• 텍스트는 다음을 보여줍니다
• UI 영역 표시
• 주변 조명
• 공유 요소 전환

1,500줄짜리 구성 요소 하나는 피하세요.

프레임/시간에 따라 작동하는 결정론적 Remotion 애니메이션을 사용합니다.

setTimeout이 없습니다.
비결정적 애니메이션은 없습니다.

전체 플레이 동안 60fps를 유지하십시오.

보간/스프링/이징을 의도적으로 사용하십시오.

────────────────────────────────────
최초 실행 후 멈추지 마십시오
────────────────────────────────────

이것은 시각적인 작업입니다.

실제 렌더링된 결과물을 반드시 검토해야 합니다.

필수 워크플로:

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. 해당 이미지를 육안으로 검사하십시오.

렌더링이 성공했는지 확인하는 것만으로는 충분하지 않습니다.

묻다:

이게 애플 수준의 제품 홍보 영상처럼 보이나요?

혹시 템플릿처럼 보이는 게 있나요?

화면에 너무 많은 내용이 있나요?

제품의 내용이 읽기 쉬운가요?

전환은 논리적으로 연결되어 있습니까?

타크스텔로 골드는 고급스러운 느낌이 드나요?

모든 프레임이 구도적으로 보이나요?

7. 시각적 약점을 보완하십시오.

8. 완성된 영상을 렌더링합니다.

9. 브라우저에서 확인한 프레임뿐 아니라 최종 MP4 에서 정확하게 디코딩된 여러 프레임을 검사하십시오.
스크린샷.

10. 필요한 경우 다시 반복합니다.

코드가 컴파일된다고 해서 성공을 선언하지 마십시오.

최종 결과물은 영화입니다.

────────────────────────────────────
퀄리티 바
────────────────────────────────────

다음과 같은 느낌이 든다면 자신의 결과를 거부하세요:

• SaaS 템플릿
• 파워포인트 애니메이션
• 웹사이트 화면 녹화
• 일반적인 Remotion 데모
• 암호화폐 광고
• AI가 생성한 프로모션 템플릿
• 다섯 개의 스크린샷이 슬라이드됩니다
• 과도한 마케팅 문구

모든 중요한 장면은 정지 광고로 사용해도 될 만큼 훌륭해야 합니다.

저는 다음과 같은 것을 더 선호합니다:

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.