總覽
青綠筆畫從左側掃入,描出緞帶路徑並隨後填色。兩道拱形升起就位,圖形再移向一旁帶出品牌字樣。影片保留官方標誌幾何,以炭黑底搭配反白字樣。
動態解析
- 0–1.8s
1. 以筆畫引導
短暫停頓後,一道青綠筆畫進場,沿著標誌緞帶描繪並逐步揭露。
- 1.2–3.6s
2. 組合品牌識別
拱形略微下沉後升起並穩定就位;圖形向左移,品牌字樣逐字跟上。
- 3.6–8s
3. 留出閱讀時間
完整標誌停留超過三秒,再淡出回到循環起始的安靜畫面。
開啟場景
下載並解壓縮專案,再以已安裝的 Mografy CLI 開啟。
下載場景專案mografy dev ./mografy-brand在 Mografy 原始碼儲存庫中,同一個專案位於 examples/mografy-brand。動畫程式碼放在 scenes/main.ts ,輔助函式位於 scenes/kit.ts。ZIP 內含 Inter 字型檔與授權文件。
原始提示詞
閱讀創作需求
Create an 8-second brand introduction for Mografy using the supplied official logo. Use a deep-charcoal background, the original logo colors, and restrained teal #12B5A5 accents. Preserve the logo’s exact shape and proportions. Begin with a quiet frame. Introduce a short teal motion gesture that leads naturally into the logo reveal. Reveal the mark first, followed by the Mografy wordmark with a slight timing offset. Let both settle into a strong, centered composition. Make the motion confident, precise, and memorable, with gentle anticipation and a controlled settle. Keep the complete logo clearly visible for the final 2 seconds, then transition cleanly into the next loop. Avoid redesigning the logo, excessive glow, generic particle explosions, and unrelated decorative objects. Do not include video controls, website card labels, or audio.
