Lời nhắc này hướng dẫn tạo video quảng cáo dài 30 giây cho lời nhắc.chat bằng Remotion. Nó phác thảo các nội dung cần thiết, chủ đề màu sắc, kiểu phông chữ và cấu trúc cảnh để thể hiện hiệu quả các tính năng và cộng đồng của nền tảng. Lời nhắc bao gồm các kỹ thuật hoạt ảnh và chuyển tiếp để đảm bảo trải nghiệm xem mượt mà, hấp dẫn, nhấn mạnh phạm vi tiếp cận toàn cầu của nền tảng và các loại lời nhắc khác nhau có sẵn.
Tạo video quảng cáo dài 30 giây cho lời nhắc.chat
Tài sản bắt buộc
- https://prompts.chat/logo.svg - Logo SVG
- https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - Bản đồ thế giới SVG cho bối cảnh cộng đồng toàn cầu
Chủ đề màu sắc (Ánh sáng)
- Bối cảnh: #ffffff
- Alt nền: #f8fafc
- Sơ cấp: #6366f1 (Chàm)
- Ánh sáng sơ cấp: #818cf8
- Dấu: #22c55e (Xanh)
- Văn bản: #0f172a
- Văn bản bị tắt tiếng: #64748b
Phông chữ
- Inter (cân nặng: 400, 600, 700, 800)
---
Cấu trúc cảnh (8 cảnh)
Cảnh 1: Mở đầu (5s)
- Logo xuất hiện
- Logo được căn giữa, cân bằng với hình ảnh động mùa xuân
- Sau ảnh động: văn bản "prompts.chat" hiển thị logo bên dưới từ trái sang phải bằng cách sử dụng
đường dẫn clip
- Khẩu hiệu xuất hiện: "Nền tảng xã hội miễn phí cho lời nhắc AI"
Cảnh 2: Cộng đồng toàn cầu (4s)
- Bản đồ thế giới toàn màn hình (độ mờ 25%) làm nền
- 16 điểm hoạt động sôi động tại các thành phố lớn (LA, NYC, Toronto, Sao Paulo,
Luân Đôn, Paris, Berlin, Lagos, Moscow, Dubai, Mumbai, Bắc Kinh, Tokyo,
Singapore, Sydney, Warsaw)
- Mỗi chấm có vòng xung ngoài, xung trong và chấm trung tâm phát sáng
- Tiêu đề: "Cộng đồng toàn cầu của những người sáng tạo nhanh chóng"
- Hàng thống kê: 8k+ người dùng, 3k+ khách truy cập hàng ngày, 1k+ lời nhắc, hơn 300 cộng tác viên,
Hơn 10 ngôn ngữ
- Lớp phủ gradient ở phía dưới để dễ đọc văn bản
Cảnh 3: Giải pháp (2,5 giây)
- Ba từ xuất hiện tuần tự với hình ảnh động mùa xuân: "Khám phá". "Chia sẻ."
"Sưu tầm."
- Mỗi từ có màu khác nhau (chính, trọng âm, ánh sáng chính)
Cảnh 4: Được xây dựng cho mọi người (4 giây)
- 8 biểu tượng nhân vật nổi xung quanh các cạnh màn hình với sóng hình sin/cos nổi nổi
hoạt hình
- Chân dung: Sinh viên, Giáo viên, Nhà nghiên cứu, Nhà phát triển, Nghệ sĩ, Nhà văn,
Nhà tiếp thị, Doanh nhân
- Mỗi biểu tượng có vùng chứa biểu tượng 130x130 với nền/viền màu
- Tiêu đề trung tâm: “Xây dựng cho mọi người”
- Phụ đề: "Một lời nhắc nữa là bạn sẽ có bước đột phá tiếp theo."
Cảnh 5: Các loại lời nhắc (5 giây)
- Tiêu đề: "Nhắc nhở cho mọi nhu cầu"
- Khung giống trình duyệt (1400x800) với đèn giao thông macOS và thanh URL hiển thị
"promps.chat"
- Ảnh chụp màn hình bộ xương nề cuộn theo chiều dọc với hình ảnh động được giảm bớt (khối vào ra dễ dàng)
- 7 nhãn hình viên thuốc nổi xung quanh các cạnh có biểu tượng:
- Văn bản (màu tím), Hình ảnh (màu hồng), Video (màu hổ phách), Âm thanh (màu xanh lá cây), Quy trình công việc
(màu tím), Kỹ năng (màu xanh mòng két), JSON (màu đỏ)
Cảnh 6: Tính năng (4s)
- 4 thẻ tính năng xuất hiện tuần tự với hình ảnh động mùa xuân:
- Thư viện nhắc nhở (biểu tượng cuốn sách) - "Hàng nghìn lời nhắc trên tất cả các danh mục"
- Kỹ năng & Quy trình làm việc (biểu tượng tia chớp) - "Tự động hóa các tác vụ AI gồm nhiều bước"
- Cộng đồng (biểu tượng người dùng) - "Chia sẻ và khám phá từ người sáng tạo"
- Mã nguồn mở (biểu tượng dấu cộng hình tròn) - "Tự lưu trữ với sự riêng tư hoàn toàn"
Cảnh 7: Bằng chứng xã hội (4s)
- Bộ đếm sao GitHub hoạt hình (0 → 143.000+)
- Biểu tượng ngôi sao bên cạnh số đếm
- Huy hiệu: "Thư viện nhắc nhở đầu tiên — Kể từ tháng 12 năm 2022" với biểu tượng chiếc cúp
- Văn bản: "Được xác nhận bởi những người đồng sáng lập OpenAI • Được sử dụng bởi Harvard, Columbia và hơn thế nữa"
Cảnh 8: CTA (3,5 giây)
- Hoạt hình phát sáng nền (độ dốc xuyên tâm xung)
- Tiêu đề: "Bắt đầu khám phá ngay hôm nay"
- Nút lớn có logo + dòng chữ "prompts.chat" (nền gradient, tinh tế
xung)
- Phụ đề: "Nguồn mở và miễn phí"
---
Chuyển tiếp (mỗi lần 0,4 giây)
- Cảnh 1→2: Mờ dần
- Cảnh 2→3: Trượt từ bên phải
- Cảnh 3→4: Mờ dần
- Cảnh 4→5: Mờ dần
- Cảnh 5→6: Trượt từ bên phải
- Cảnh 6→7: Trượt từ dưới lên
- Cảnh 7→8: Mờ dần
Kỹ thuật hoạt hình được sử dụng
- spring() cho hoạt ảnh có tỷ lệ nảy
- nội suy() cho độ mờ, vị trí và đường dẫn clip
- Easing.inOut(Easing.cubic) để cuộn mượt mà
- Math.sin()/Math.cos() cho hoạt ảnh nổi
- Độ trễ so le cho sự xuất hiện của phần tử tuần tự
Thành phần chính
- Thành phần biểu tượng SVG tùy chỉnh cho tất cả các biểu tượng (không có biểu tượng cảm xúc)
- Thành phần logo có đường dẫn "P" của nhắc nhở.chat
- Thành phần có thể tái sử dụng của FeatureCard
- TransitionSeries để quản lý cảnh