Blur-Cycle Hero — Animated Value Statement Page

What it does

• Soft blur-to-focus reveal — each value statement fades and sharpens into view rather than cutting in
• Sequenced cycling — three (or more) statements rotate in a steady rhythm, holding each one long enough to read
• Dark, calm visual register — deep background and high-contrast type create a focused, premium feel
• Single anchored CTA — one button stays put beneath the cycling text so visitors always know the next step
• Subtle motion only — the hero feels alive without distracting animation or heavy video

Best use cases

• Coaches and consultants — homepage hero rotating through core promises
• Course creators — a calm hero introducing transformation, format, and outcome
• Agencies and studios — three-promise hero on the homepage
• Memberships and communities — a hero that names what members get without a busy carousel
• SaaS landing pages — value-prop hero rotating product benefits

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, primary text, accent highlight, and the CTA button
• Fonts — display font for the cycling statements and a body font for the supporting line and CTA
• Copy — three to five short value statements, one supporting subhead, and the CTA label
• Behavior — choose how long each statement holds, the blur softness, and how many statements rotate
• Images — optional background photo, gradient, or texture behind the cycling text