com um clique
frame-logo-outro
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Menu
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
推特金句 / 数据卡, 适合配推文
小红书风格知识卡片, 多张联排可滑动浏览
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)
| 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 |
| od | {"mode":"video","surface":"video","scenario":"video","featured":0.16,"upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"用「品牌 Logo 收尾帧」模板把我的内容做成一段「Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕」。保持模板的视觉签名,使用真实内容和数据,避免 lorem ipsum 和占位图片。"} |
【模板: 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。