Scroll-Zoom Deep Dive — Layered Anatomy Variant

What it does

• Five-layer scroll zoom — the page travels from a wide overview down through progressively deeper illustrations as the learner scrolls
• Smooth crossfade between layers — each layer fades in, holds at peak, and fades out as the next layer takes over, like rushing toward the camera
• Synchronized teaching cards — every layer pairs with a card that gives the depth label, an italic headline, and one paragraph of clinical insight
• Depth telemetry readout — a small chrome readout in the corner shows the current layer name and scale ratio so the learner always knows where they are
• Editorial closing block — the lesson lands in a clinician note plus three implication cards translating the zoom into practical takeaways
• Branded lesson shell — header, lesson meta, and footer styled to match the broader course identity

Best use cases

• Healthcare and clinical training — anatomy, pathology (organ to tissue to cell to molecule), surgical approach planning
• Mechanical and engineering — machine to assembly to component to part to tolerance
• Software architecture — system to service to module to function to algorithm
• Geography, astronomy, microscopy — any Russian-doll structure of nested levels
• Music theory — symphony to movement to measure to note
• Business strategy — industry to company to team to role to single decision

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 — six color slots covering the page background, paper tone, ink, primary accent, secondary accent, and muted text. Swap to forest green plus parchment plus maroon (vintage botanical), slate plus bone plus rust (industrial), or near-black plus ivory plus emerald (jeweler's plate).
• Fonts — two roles: a display italic serif for headlines and labels, plus a clean body sans. EB Garamond Italic carries the scholarly register; Cormorant, Playfair, or Tiempos Italic are strong alternates.
• Copy — opener (title, lede, frontispiece, scroll cue), five layer name and scale labels, five teaching cards (depth label plus italic headline plus paragraph), and the clinician note plus three implication cards.
• Images — five hand-drawn illustrations are the largest customization. Replace each with your own vector geometry at increasing detail. Vector keeps the zoom crisp; four to six layers is the sweet spot.
• Behavior — the layer schedule controls when each layer starts, peaks, and fades out, plus its starting and ending scale. Tune to match your specific zoom progression and overall lesson length.