Hotspot Reveal Diagram — Editorial Cutaway Variant

What it does

• Editorial cutaway base image — a detailed internal-view diagram acts as the canvas for the markers
• Refined marker styling — small, considered markers blend into the artwork until tapped
• Info cards with depth — opening a marker shows a part name, role, and a short paragraph of context
• Browse-anywhere interaction — learners can dive into any region first; nothing is gated by sequence
• Premium visual rhythm — typography and spacing match a museum or design-magazine register

Best use cases

• Music education — internal anatomy of pianos, organs, string instruments
• Engineering and machinery — engines, pumps, transmissions, gear systems
• Architecture and interiors — building cross-sections, room cutaways
• Premium science courses — cell interiors, organ systems, geological cross-sections
• Watchmaking and craftsmanship — movement diagrams, internal mechanisms

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, diagram tint, marker, active marker, info card, and accent rule.
• Fonts — two roles: an editorial display font for part names and a refined body font for the explanation.
• Copy — diagram title, optional lede, and per-marker name plus longer explanation; add or remove markers as needed.
• Images — swap the cutaway artwork for any complex internal-view illustration or rendering.
• Behavior — single-open vs multi-open markers, and tune info-card animation speed.