원클릭으로
frame-logo-outro
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | frame-logo-outro |
| zh_name | 品牌 Logo 收尾帧 |
| en_name | Logo Outro Frame |
| emoji | 🎬 |
| description | Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕 |
| category | video |
| scenario | video |
| aspect_hint | 1920×1080 (16:9) |
| featured | 40 |
| recommended | 8 |
| tags | ["logo","outro","branding","end-card","frame"] |
| example_id | sample-frame-logo-outro |
| example_name | 品牌 Logo 收尾 · HTML Anything |
| example_format | markdown |
| example_tagline | Midnight Indigo + glow bloom |
| example_desc | Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用 |
| example_source_url | https://hyperframes.heygen.com/catalog |
| example_source_label | hyperframes · logo-outro |
【模板: Logo 收尾帧 (Logo Outro)】 【意图】视频结尾的品牌 reveal 帧 —— logo 分块拼装 + glow bloom + tagline 上浮 + CTA。Inspired by hyperframes logo-outro。
【画布】1920×1080, 黑色 #08090c 或品牌深色背景; 加微妙 vignette radial-gradient(...) 让中心更亮。
【布局】
filter: drop-shadow(0 0 24px <accent>40); 同时一道 shimmer mask-image 横扫 logo (500ms)。htmlanything.dev · @htmlanything · 2026, 11px uppercase letter-spacing 0.16em, 颜色 opacity 0.4, hairline 分隔。【调色 — 4 选 1, 不混用】
#08090c, accent #7c5cff (霓虹紫蓝 glow)。#0e0a08, accent #ffb547 (暖琥珀)。#0a1410, accent #5fb38a (薄荷绿)。#f1efea, accent #0a0a0b (无 neon, 走 editorial 风, glow 改成阴影)。【设计细节】
@keyframes + animation-delay; 可被 prefers-reduced-motion 关闭。Inter Tight / SF Pro Display / Manrope; 中文 Noto Sans SC weight 700。Build a high-quality, reusable multi-agent collaboration framework for any new project, including agent roles, tool scoping, delegation triggers, verification gates, and self-iteration rules.
实现 Manus 风格的文件规划系统,用于组织和跟踪复杂任务。创建 task_plan.md、findings.md 和 progress.md。在处理多步骤项目、研究任务或任何需要超过 5 个工具调用的工作时使用。
Review a WebsitePresent delivery before declaring it ready. Use when an HTML presentation, redesign, or motion-heavy page is about to be called done and needs checklist validation plus a five-dimension critique.
Lock a fresh WebsitePresent brief before design or implementation. Use when starting a new HTML presentation task, major redesign, new version direction, or any work where audience, tone, delivery shape, or reference style is still open.
Route HTML presentation animation work to the right lane. Use when the user wants stronger web animation, richer scrollytelling, 3D-like presentation effects, or needs to decide between DOM-first motion, special engines, and video/export tooling.
Creates an elegant, realistic Vinyl Record Player animation component for Remotion. Use when needing a music player UI, album showcase, or audio-visualizer interface in a video. (Keywords: 黑胶唱片, 音乐播放器, 唱片机, 专辑展示, 音频可视化)