makevideowith.ai
← Retour aux vidéosComparaison / 2102681647720395115

Animated welcome screen for the Nova crypto wallet

@vvarrdi ↗
LES INSTRUCTIONS PARTAGÉES PAR LE CRÉATEUR

Le prompt du créateur

Un prompt, c’est le texte qui décrit à l’IA ce que vous voulez obtenir. Copiez celui-ci, puis collez-le dans votre projet Claude Code en précisant ce que vous souhaitez changer : le sujet, les textes, les couleurs ou la durée.

Le texte original est conservé pour respecter le travail du créateur. Vous pouvez ajouter vos propres consignes en français, même si le prompt est en anglais.

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.
Une fois le prompt copié, que faire ?
  1. Ouvrez votre projet dans Claude Code et collez le prompt avec vos propres consignes.
  2. Décrivez ce qui vous plaît dans cette vidéo : les mouvements, les couleurs, le rythme. Une URL seule ne garantit pas que Claude Code puisse la regarder.
  3. Ajoutez vos textes et vos images, puis demandez un premier aperçu. Précisez ensuite ce qu’il faut modifier.

Exemple de consigne à ajouter — à adapter à votre projet

Utilise le prompt ci-dessus comme point de départ pour une vidéo de 15 secondes présentant mon application. Remplace les textes par les miens et utilise mes couleurs. Avant de commencer, indique-moi les fichiers et les outils nécessaires, puis propose-moi un premier aperçu.
Voir le guide pas à pas ↗

D’autres vidéos pour vous inspirer

Du même créateur ↗