Skill 18 · Hyperframes Animation
Subchapter 18.29
blueprints/fixed-anchor-cycle.mdMarkdown9 KBView on GitHub
intent: One element is PINNED — a wordmark, a composer box, an anchor line that enters once and never moves again — while the adjacent region (or the entire surrounding theme) cycles through many discrete states around it, cadence often manipulated (steady stepping, a fast carousel, or a slow→accelerating flurry), resolving on an emphasis beat into a completed lockup or a muted freeze. The stillness of the anchor IS the claim: everything changes, this stays. Distinct from sub-shape A, where a word-slot inside a centered line swaps and the sentence itself is the subject — there the anchor is a sentence frame on a bare type field; here the anchor is the PRODUCT identity and what cycles around it can be non-text (whole theme skins, chrome/logo swaps, textured label chips, a carousel list), the cycle asserts breadth (“everyone says / works everywhere / calling all X”), and the resolve completes the anchor into a lockup. Distinct from , whose cycle ends in a collision — a hero crashes in and shoves the text aside; here nothing ever collides with the anchor: the cycle stops, and a final element quietly joins it.
kinetic-type-beatsticker-takeoverroles served
static-anchor-rapid-text-swaps): when the sign-off is the brand name sitting immovable while praise quotes / tagline words cycle beside or beneath it — steady per-word highlight stepping, or a hard-cut chip flurry that accelerates — landing on the finished lockup (“bolt.new / prompt, run, edit, deploy / enjoy.”; “Opus 4.6 by ANTHROP\C”).duration: 6.6–11.1s (Benefits shortest ~6.6s at 4 theme beats; Brand_Outro ~9–9.4s; Hook longest ~11s when the anchor-cycle block hands off to follow-up statement beats). The cycle engine itself occupies ~3–5s regardless of role.
shot structure (flat static frame — camera locked in every member; a [bg] field, solid or subtly drifting; two folded sub-shapes — (A) adjacent-region cycle: the anchor holds and a neighboring slot swaps through N states; (B) whole-context morph: the anchor holds and everything AROUND it re-skins in place)
Scene 1 (0.0–~2.0s) — the anchor lands and PINS. The [anchor: wordmark / product name / composer box / lead line] enters once — fade/scale-in centered, word-by-word build, or already present at frame one — at a fixed position it will hold for the entire clip. Zero movement from here on: no drift, no breathe, no re-layout. If the anchor is a UI surface (sub-shape B), it carries a [verbatim string] with a blinking cursor.
Scene 2 (~2.0s–~70% of runtime) — the cycle engine (signature move). The world changes around the unmoved anchor. Choose by sub-shape:
[chip / tape label] slaps over the old one, texture/highlight shifting slightly, chip width re-fitting each [phrase] — growing away from the anchor, never over it); sequential per-word highlight stepping (one word of the [tagline] snaps bright/bold while the rest sits dim grey, the highlight walking the line); or a fast vertical carousel (each [list item] slide/fades through the accent slot ~0.5s/phrase).[bg color], typography, corner radii, toolbar icons, footer [brand logos], contextual lines — morphs in place via quick (~0.3s) crossfades through N [product skins], every property blending simultaneously. No hard cuts, no wipes; the anchor’s content string is identical in every skin (chrome details like a > prefix may adapt per skin).Scene 3 (~70–85%) — the emphasis beat. The cycle resolves — it does not just stop:
[tagline] snaps solid bright at once — full-line illumination after the per-word walk.[longest / weightiest phrase] — a beat of stillness after acceleration.[dot-grid] fades in across the background while the UI drops to low opacity, a washed-out blueprint freeze.Scene 4 (final beat → end) — lockup completion and HOLD. A final element joins the still-unmoved anchor and the finished composition holds static to the end: a [closing word] drops in below, aligned to the last cycled state (“enjoy.”); the chip vanishes on a hard cut and the [brand sign-off] appears beside the anchor on a shared baseline (“by ANTHROP\C”); or the final [brand line] builds word-by-word dead-center and holds (“with Copilot.”). Long static hold — the lockup is the payoff, give it 20–30% of the runtime.
motion vocabulary: anchor fade/scale-in entrance; permanently pinned anchor (zero movement, no idle breathe); instant hard-cut label/chip replacement (slap-over with subtle texture/highlight shift); chip width resize-to-fit per phrase (grows away from the anchor); sequential per-word highlight stepping through a line; dim-to-grey line state; whole-line illumination snap; fast vertical carousel slide/fade of one line under a static line; cadence acceleration (slow ~1s beats into a ~0.15–0.3s flurry); hold-on-longest-phrase emphasis beat; in-place theme morph crossfade (~0.3s) blending background/fonts/radii/icons simultaneously; per-beat chrome/logo swap; blinking text cursor; contextual line appearing/disappearing across beats; dot-grid backdrop fade-in; global opacity washout; end freeze; word-by-word phrase build; block clear between scenes; drop-in entrance of a final word; hard cut to final lockup; long static hold.
rule mapping
discrete-text-sequencevertical-spring-ticker (its footer-reveal step unused — Scene 4’s lockup takes its place)dynamic-content-sequencing (Accelerating cadence — for the flurry, pre-compute the beat array with shrinking hold values, geometric decay over the state list)dynamic-content-sequencing + waterfall-entry (or kinetic-beat-slam when the statements should land percussively)spring-pop-entrance (restrained overshoot — the register here is editorial, not bouncy)context-sensitive-cursor (color adapts per theme skin at segment boundaries)theme-crossfade-morph (N pre-styled full-scene layers stacked at the same geometry, opacity-crossfaded, the shared anchor string rendered once on top); the composer shell’s radius/surface component alone → card-morph-anchorsine-wave-loop (bounded drift; the anchor itself gets none)gsap-effects (plain opacity tweens) / static hold (no rule needed)camera modifier: none — every member is fully camera-static; the cycle is the only motion, and the pinned anchor’s stillness is load-bearing. Do not add a push-in “for energy”; it would break the anchor contract.