ai21.net
言語

暗号資産ウォレット Nova の起動時ウェルカムアニメーション

暗号資産ウォレット Nova の起動時ウェルカムアニメーション — 1

プロンプト

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.

日本語訳

"Nova" というモバイル暗号資産ウォレットのアニメーション付きウェルカム画面を作成してください。新規ユーザーが最初に見る画面であり、3秒以内に安全で、プレミアムで、シンプルだと感じられる必要があります。

ビジュアル:
深いネイビーから黒へのラジアルグラデーションの背景に、繊細なグレイン。アクセントカラーはエレクトリックブルー #2F6BFF で、柔らかなグローを伴う。クリーンなジオメトリックサンセリフ(Inter)。中央にフロストガラスのカード — 半透明、1px の明るいボーダー、柔らかな内側ハイライト、角丸。
アニメーションシーケンス(約3.5秒、ロード時に再生):
0.0s — 柔らかな青い光が暗い背景の中心からゆっくりと広がる
0.3s — ガラスカードがバネのようなイージングで下からせり上がり、3D でわずかに傾いた状態から平らに落ち着く。光のスイープがその表面を横切る
0.8s — カード上で残高が $0.00 から $2,480.00 までカウントアップし、小さな折れ線グラフが描画される
1.6s — カードの上に "Nova" という名前が現れ、1文字ずつスライドアップする
2.2s — "Hold, send and grow crypto — safely." という一行がフェードインする
2.6s — 白いピル型の "Get started" ボタンが、柔らかなグローの脈動とともにスケールインする
以降 — カードはアイドルループでゆっくりと浮遊し、光のスイープは4秒ごとに繰り返される
技術面:CSS とバニラ JS を使った単一の HTML ファイルで、外部ライブラリは使用しない。iPhone(390×844)向けのサイズ。モーションはプレミアムなフィンテックアプリのように、滑らかで洗練されたものにしてください。

出典

原作者
vvarrdi
公開日
2026-09-23(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
zhuyansen/awesome-opus-5.5-video · 2102681647720395115 · ライセンス未表明