Hotspot Reveal Diagram — Field Guide Variant

What it does

• Side-by-side object lineup — multiple similar items sit in a clean row or grid as the base layout
• Tap-to-identify cards — clicking any object opens a card with name, key features, and use cases
• Comparison-friendly styling — neighboring items stay visible so differences are easy to spot
• Active-item highlight — the selected object stands out while siblings fade into reference roles
• Field-guide pacing — generous spacing and clean typography make the page feel like a reference manual

Best use cases

• Food and beverage — glassware, knives, cookware, coffee gear
• Naturalist education — bird species, leaf shapes, mushroom identification
• Retail and product training — product line walk-throughs for new sales staff
• Fashion and textiles — fabric swatches, stitch types, garment silhouettes
• Hobby and collector niches — watches, fountain pens, vinyl pressings

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 background, object tint, active-object outline, ID-card background, and label text.
• Fonts — two roles: a field-guide title font for object names and a body font for the identification details.
• Copy — guide title, optional intro, and per-item name + features + use case; add or remove items as needed.
• Images — swap the object illustrations or photos for any subject lineup (tools, products, plants, etc.).
• Behavior — single-open vs multi-open items, and tune card animation speed.