# TypingMind panels on midnight blue

> A TypingMind promo pairs dark interface screenshots with blue-and-white feature headlines, then presents a tiled product collage, an ownership message, pricing copy, and a centered brand end card.

- Kind: Video
- Page: https://meetreference.com/v/video-typingmind-panels-on-midnight-blue-bdfba9/
- Ready-to-use agent handoff: https://meetreference.com/v/video-typingmind-panels-on-midnight-blue-bdfba9/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/video-typingmind-panels-on-midnight-blue-bdfba9/prompt.txt
- Authorship: AI-made, per the source
- Made with: Claude
- Model: Opus 5.5
- Built with: not stated
- Style: Product launches; dark-mode, interface-led, minimal, gradient, typographic, corporate
- Length and format: 15 sec, 16:9 (1280x720 source)
- Playback: a muted visual reference. The original soundtrack is available only at the source.
- Shared by @tdinh_me in X, Sep 26, 2026: https://x.com/tdinh_me/status/2103703135902740699
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

## Recreating this video

These are the creator's published instructions, unedited.

## Prompt

```text
Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

Make it a video to introduce http://typingmind.com

Use actual product screenshot/logo/assets
Must have music and motion must match the music

Do it like a real professional production video, not like a demo or prototype. Try again, ultracode.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

Dark, polished AI-product showcase featuring TypingMind’s interface, model options, command menu, and product claims.

- Color: Deep navy and charcoal backgrounds with bright blue accents, white text, and occasional colorful app icons.
- Type: Clean modern sans-serif typography; large bold headlines paired with small, restrained interface labels.
- Framing: Minimal, spacious layouts alternate between prominent left-aligned headlines and compact interface panels, with centered branding in the closing frame.
- Structure: A consistent sequence of product interface views, feature headlines, ownership and pricing claims, and a final TypingMind brand lockup.

Storyboard, nine frames spread across the video: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/storyboard.webp

- Frame 1 at 0.8s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f1.webp
- Frame 2 at 2.5s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f2.webp
- Frame 3 at 4.2s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f3.webp
- Frame 4 at 5.8s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f4.webp
- Frame 5 at 7.5s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f5.webp
- Frame 6 at 9.2s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f6.webp
- Frame 7 at 10.8s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f7.webp
- Frame 8 at 12.5s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f8.webp
- Frame 9 at 14.2s: https://meetreference.com/media/video-typingmind-panels-on-midnight-blue-bdfba9/f9.webp

## Links

- Watch: https://x.com/tdinh_me/status/2103703135902740699
- Original post: https://x.com/tdinh_me/status/2103703135902740699
- Discovery collection: https://data.openchamber.dev/opus-5-5-videos/v/tdinh_me-2103703135902740699