用途:制作视频结尾的品牌 reveal 帧,包含 logo 分块拼装、glow bloom、tagline 上浮与 CTA 展示。
主要能力:画布为 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;tagline 24-28px、weight 400、opacity 0.7;底部为 CTA 与元数据双行,11px uppercase。
调色四选一不混用: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 ribbon。
限制:不得使用外链 logo 图片,logo 必须纯 CSS 或内联 SVG 几何绘制;整个动画完成后 freeze,不循环,因为这是视频结尾帧。