# Nova wallet welcome screens

> Two phone mockups present contrasting Nova wallet welcome screens. Navy backgrounds, blue balance cards and line charts lead into a brand heading, short reassurance copy and white pill-shaped buttons.

- Kind: Video
- Page: https://meetreference.com/v/video-nova-wallet-welcome-screens-6fb24f/
- Ready-to-use agent handoff: https://meetreference.com/v/video-nova-wallet-welcome-screens-6fb24f/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/video-nova-wallet-welcome-screens-6fb24f/prompt.txt
- Authorship: AI-made, per the source
- Made with: Not stated
- Model: Opus 5.5, Astra
- Built with: not stated
- Style: Product launches; fintech, dark-mode, glassmorphism, minimal, interface-design
- Length and format: 7 sec, 4:3 (960x720 source)
- Playback: a muted visual reference. The original soundtrack is available only at the source.
- Shared by @vvarrdi in X, Sep 23, 2026: https://x.com/vvarrdi/status/2102681647720395115
- 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
Create an animated welcome screen for a mobile crypto wallet called "Nova". It's the first thing a new user sees — within 3 seconds it should feel safe, premium and simple.

Visual:
Deep navy-to-black radial gradient background with subtle grain. Accent color electric blue #2F6BFF with a soft glow. Clean geometric sans-serif (Inter). A frosted glass card in the center — translucent, 1px light border, soft inner highlight, rounded corners.
Animation sequence (~3.5s, plays on load):
0.0s — a soft blue light slowly blooms from the center of the dark background
0.3s — the glass card rises from below with a spring ease, slightly tilted in 3D, and settles flat; a light sweep moves across its surface
0.8s — on the card, the balance counts up from $0.00 to $2,480.00 and a small line chart draws itself
1.6s — the name "Nova" appears above the card, sliding up letter by letter
2.2s — the line "Hold, send and grow crypto — safely." fades in
2.6s — a white pill "Get started" button scales in with a soft glow pulse
After — the card gently floats in an idle loop, and the light sweep repeats every 4 seconds
Technical: single HTML file with CSS and vanilla JS, no external libraries, sized for iPhone (390×844). Make the motion smooth and polished, like a premium fintech app.
```

## What it looks like

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

A premium dark-mode wallet interface branded “Nova,” with a crypto balance card, rising market chart, short welcome message, and prominent “Get started” button.

- Color: Deep navy and near-black backgrounds with electric blue gradients and glow, cool white text, and subtle cyan accents.
- Type: Clean modern sans-serif typography; large light-weight brand name and balance, with smaller subdued interface labels.
- Framing: Centered mobile-app content with generous spacing, a glowing balance card as the focal point, and a bright pill-shaped call-to-action near the bottom.
- Structure: Status bar and brand at top, balance and chart card beneath, brief welcoming copy in the middle, then the primary button and small secondary text near the bottom.

Storyboard, nine frames spread across the video: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/storyboard.webp

- Frame 1 at 0.4s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f1.webp
- Frame 2 at 1.2s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f2.webp
- Frame 3 at 1.9s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f3.webp
- Frame 4 at 2.7s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f4.webp
- Frame 5 at 3.5s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f5.webp
- Frame 6 at 4.3s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f6.webp
- Frame 7 at 5.1s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f7.webp
- Frame 8 at 5.8s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f8.webp
- Frame 9 at 6.6s: https://meetreference.com/media/video-nova-wallet-welcome-screens-6fb24f/f9.webp

## Links

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