SuperAPI AI 工具集

frame-logo-outro

设计与创作

查看项目

更新于 10-16 06:50

技能介绍

用途:制作视频结尾的品牌 reveal 帧,包含 logo 分块拼装、glow bloom、tagline 上浮与 CTA 展示,灵感来自 hyperframes logo-outro。

主要能力:画布为 1920×1080,黑色 #08090c 或品牌深色背景,加微妙 vignette 让中心更亮。中心 Logo 用 CSS 或内联 SVG 绘制,由 4-8 个几何块组成;入场时每块从屏幕外滑入、scale 1.4→1.0、opacity 0→1,错峰 80ms,总时长 1.2s。入场完成后整体加 glow bloom,并有 shimmer 横扫。品牌名位于 logo 下方 6-8%,48-72px、weight 700,在 bloom 后 1.4s 以打字机或 fade-up 入场;tagline 在 1.8s fade in;底部为 CTA 与元数据双行。

配色四选一不混用:Midnight Indigo(bg #08090c,accent #7c5cff)、Solar Amber(bg #0e0a08,accent #ffb547)、Forest Mint(bg #0a1410,accent #5fb38a)、Bone & Ink(bg #f1efea,accent #0a0a0b,无 neon,glow 改阴影)。

使用方式:单文件 HTML,入场动画用 @keyframes 与 animation-delay,可被 prefers-reduced-motion 关闭;字体西文用 Inter Tight / SF Pro Display / Manrope,中文用 Noto Sans SC weight 700;必须使用用户提供的品牌名与 tagline,缺失时回退为 “HTML Anything” / “Anything → beautiful HTML”;顶部可选 5px accent 色 ribbon。

限制:不得使用外链 logo 图片,logo 必须纯 CSS 或内联 SVG 几何绘制;动画完成后 freeze,不循环,因为这是视频结尾帧。其他平台、收费与效果信息暂未提供。