Hover-Fan Card Stack — Animated 'Four Pillars' Framework Page

What it does

• Stacked card cluster — four cards rest neatly on top of each other in a confident vertical stack
• Hover-fan reveal — on hover, the cards fan outward in 3D so each pillar is fully visible
• Per-card headline and description — each pillar names itself with a short title and a one-paragraph explanation
• Smooth motion — the fan animation eases in and out so the moment feels intentional, not gimmicky
• Dark-mode framework register — high-contrast type and accent color give the framework a premium, signature feel

Best use cases

• Coaches — signature-framework section on the sales page
• Course creators — 'pillars' or 'phases' breakdown of the curriculum
• Cohort programs — methodology section showcasing four core pillars
• Consultants — proprietary-method visualization
• Agencies and studios — process-stage breakdown that earns design respect

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 dark background, accent color for pillar headlines, card surfaces, and shadow
• Fonts — display font for pillar titles and a body font for descriptions
• Copy — section headline and intro, four pillar names, four short descriptions, and an optional CTA below the stack
• Behavior — change the number of cards from three to five, tune the fan angle and speed, and choose hover versus click to trigger
• Images — optional small icon per pillar card