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.0초 — 부드러운 푸른 빛이 어두운 배경 중앙에서 천천히 피어난다
0.3초 — 글래스 카드가 스프링 이징으로 아래에서 올라오며 3D로 살짝 기울어졌다가 평평하게 자리 잡는다. 카드 표면을 빛이 쓸고 지나간다
0.8초 — 카드 위에서 잔액이 $0.00에서 $2,480.00까지 올라가고 작은 라인 차트가 그려진다
1.6초 — 카드 위에 "Nova"라는 이름이 글자 하나씩 위로 슬라이드하며 나타난다
2.2초 — "Hold, send and grow crypto — safely."라는 문구가 페이드인된다
2.6초 — 흰색 필 형태의 "Get started" 버튼이 부드러운 글로우 펄스와 함께 스케일 인된다
이후 — 카드가 유휴 루프에서 부드럽게 떠다니고, 빛의 스윕이 4초마다 반복된다
기술: CSS와 바닐라 JS를 사용한 단일 HTML 파일, 외부 라이브러리 없음, iPhone(390×844) 크기. 프리미엄 핀테크 앱처럼 모션을 매끄럽고 정교하게 만들어라.

출처

원작자
vvarrdi
게시일
2026-09-23(由推文 ID 反解)
원문 출처
원문 보기 ↗
수록 출처
zhuyansen/awesome-opus-5.5-video · 2102681647720395115 · 라이선스 미표명