frame-logo-outro

This skill is a self-contained HTML template for producing a branded video outro or closing frame, part of the nexu-io open-design (HTML Anything) collection. It solves the narrow visual design problem of creating a polished end-card for videos: a segmented logo that assembles from geometric blocks, a glow bloom effect, an animated brand name and tagline reveal, and a bottom CTA/metadata row. The intent is a single-file, 1920x1080 (16:9) brand reveal frame inspired by hyperframes logo-outro layouts.

The template specifies a detailed design recipe rather than executable application code. It describes a dark canvas with a subtle vignette, a center logo built purely from CSS or inline SVG geometry (never external logo images), staggered slide-in and scale entrance animations using @keyframes and animation-delay, a shimmer sweep and drop-shadow glow bloom, a large brand-name reveal, a fade-in tagline, and a small uppercase CTA row. It offers four mutually exclusive color palettes (Midnight Indigo, Solar Amber, Forest Mint, and a neon-free Bone & Ink editorial variant), and it insists on using real user-provided brand name and tagline (with a fallback), respecting prefers-reduced-motion, and freezing the animation at the end rather than looping. The bundled example content is markdown supplying a sample brand, tagline, and CTA.

It targets designers, marketers, and content creators who want an on-brand video closing frame generated as clean single-file HTML. The primary metadata and prompt are bilingual (English and Chinese). It is a template/catalogue entry pointing at the upstream html-anything project, so its depth is intentionally in the visual specification rather than in tooling or logic.